Component : 많은 div들을 한 단어로 줄이고 싶으면

 

어떤걸 컴포넌트로 만들면 좋은가?

1. 반복적인 html을 사용할 때

2. 큰 페이지들

3. 자주 변경되는 것들

 

단점 - state를 가져다 쓸 때에 다른 함수에 들어있으면 부를 수가 없다.

 

//방식 1
const Modal = () => {
  return (
    <div className="modal">
      <h4>제목</h4>
      <p>날짜</p>
      <p>상세내용</p>
    </div>
  )
}

Modal = 'asd';
//const로 만들면 좋은 이유는 만약 다른 작업자가 실수로 Modal = 'asfas'로 바꾸어도 바뀌지 않음

//방식 2
function Modal(){
  return(
    <div className="modal">
      <h4>제목</h4>
      <p>날짜</p>
      <p>상세내용</p>
    </div>
  )
}