state, props, 리렌더링 발생 조건에 대해서 다뤄볼 예정이다.
🔥 리렌더링 발생 조건
- Props 변경 시
- State 변경 시
- 부모 컴포넌트 렌더링 시
🔥 Props 변경 시
- Props 업데이트가 일어나면 리런데링을 한다.
- Props가 변경되는 건 부모 컴포넌트의 State도 변경이 일어난다는 의미이다.
- 부모컴포넌트의 State변경이 발생하면 Props도 업데이트 되고, 모든 하위 컴포넌트에 대해 리렌더링이 발생한다.
🔥 State 변경 시
- State 업데이트가 일어나면 리렌더링을 한다.
- 리액트에서 State 값이 변경되면 관련 컴포넌트들을 전부 리렌더링 한다.
- 리액트는 변화를 바로바로 감지하여 화면에 변경사항을 보여주기 때문이다.
🔥 부모 컴포넌트 렌더링
- 부모 컴포넌트가 렌더링을 하면 그 자식 컴포넌트들은 모두 리렌더링 한다.(Props와 같은 원리)
