[코딩 애플] component

*Component

1. 함수 만들고 이름 짓기

2. 축약을 원하는 HTML 넣기

3. 원하는 곳에서 <함수명/>

 

function App() {

  return (

    <Fragment>

      <div> . . . </div>

    </Fragment>

  );

}

=> function 의 함수명은 대문자로

=> return문은 하나의 덩어리로

 

*그렇다면 어떤 UI를 component로 만들까?

=> 반복되어 사용되는 부분

=> 재랜더링이 자주 발생하는 부분

=> 다른 페이지를 따로 만들 때

 

*component의 단점은?

=> state를 쓸 때 복잡해진다. 상위 component에 쓰인 state를 쓰려면 props 문법을 이용해야 한다.