컴포넌트는 언제 렌더링 될까?
자신의 state가 변경 되거나, 부모에게서 받는 props가 변경 되었을 때 마다 다시 렌더링 된다.
심지어 자식 컴포넌트에서 렌더링 최적화를 위한 별도의 코드를 추가하지 않으면, 부모에게서 받는 props가 변경되지 않았더라도 다시 리렌더링 된다.
함수 컴포넌트란?
함수 컴포넌트는 그냥 함수이다. jsx를 반환할 뿐이다.
함수 컴포넌트가 렌더링 된다는 것은 누군가(부모 컴포넌트)가 그 함수를 호출하여 실행되는 것 이다.
함수가 실행 될 때 마다 내부에 선언되어 있던 표현식(변수 등)들도 매번 다시 계산 된다.
- React.momo, Code Spliting
