props, state, 리렌더링

props란?

• 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다.
• 단방향 데이터 흐름을 갖는다.
• 프로퍼티의 줄임말이다.
• 컴포넌트 간에 데이터를 전달할 수 있는 컴포넌트 통신 방법입니다.

State 란?

• State는 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체이다.

• props는 컴포넌트에 전달되는 반면 state는 컴포넌트 안에서 관리된다.

렌더링

컴포넌트가 현재 props와 state의 상태에 기초하여 UI를 어떻게 구성할지 컴포넌트에게 요청하는 작업을 의미한다.
https://yceffort.kr/2022/04/deep-dive-in-react-rendering

리렌더링이 되는 조건

1. state 변경이 있을 때
2. 새로운 props이 들어올 때
3. 부모 컴포넌트가 렌더링 될 때
4. forceUpdate가 실행될 때