[React] 리렌더링 발생 조건

🟢 대표적인 3가지 리렌더링 조건

1. Props 변경 (=> properties의 줄임말)
2. State 변경
3. 부모 컴포넌트 렌더링

 

1️⃣ Props 변경

Props 업데이트가 일어나면 리렌더링을 한다.

Props가 변경되는 건 부모 컴포넌트의 State도 변경이 일어난다는 의미이다.

 

부모 컴포넌트의 State 변경이 발생하면 Props도 업데이트되고,

모든 하위 컴포넌트에 대해 리렌더링이 발생한다.

 

 

2️⃣ State 변경

State 업데이트가 일어나면 리렌더링을 한다.

 

리액트에서 State 값이 변경되면 관련 컴포넌트들을 전부 리렌더링 한다.

리액트는 변화를 바로바로 감지하여 화면에 변경사항을 보여주기 때문이다.

 

 

3️⃣ 부모 컴포넌트 렌더링

부모 컴포넌트가 렌더링을 하면 그 자식 컴포넌트들은 모두 리렌더링 한다.

Props와 같은 원리이다.

 

 

 

출처: https://tooo1.tistory.com/580 [개발자 퉁이리:티스토리]