Props와 State
React에서 구성 요소가 데이터를 받거나 처리하고 보내기 위해 사용되며, 차이점을 간단하게 설명 하자며 데이터 변경의 가능여부이다
Props와 State 차이점
-
State는 내부 (컴포넌트)에서 생성하고 활동하고, 데이터를 변경할 수 있음.
-
Props는 외부(부모 컴포넌트)에서 상속 받는 데이터이며, 데이터를 변경할 수 없음.
Props
불변의 데이터
부모로부터 전달되는
변경 불가
State (상태)
가변 데이터
구성 요소에 의해 유지
변경 가능
리액트의 렌더링이란?
리액트에서 렌더링이란, 컴포넌트가 현재 props와 state의 상태에 기초하여 UI를 어떻게 구성할지 컴포넌트에게 요청하는 작업을 의미한다.
리액트에서 리렌더링이 발생되는 경우
- state 변경이 있을 때
- 새로운 props이 들어올 때
- 기존 props가 업데이트 됐을 때
- 부모 컴포넌트가 렌더링 될 때
- shouldComponentUpdate에서 true가 반환될 때
- forceUpdate가 실행될 때
개발 블로그