props
- props를 상속받으면 컴포넌트 내에서 수정 불가하다. 이는 리액트에서 부모 => 자식의 일방향성 상속 특징 때문이다.
- 읽기 전용이다.
- 부모 요소에서 설정하는 값이다.
- props가 변경되면 컴포넌트 리 렌더링을 발생시킨다.
state
- 컴포넌트 내부에서 선언된다.
- state가 변경되면 컴포넌트 리 렌더링을 발생시킨다.
- 직접 값을 변경할 수 있다.
- 어떤 상태에 따라 변화하는 것
- 외부에는 비공개, 컴포넌트가 스스로 관리해야하는 것
정리
props
: 데이터가 변할 수 없다.
state
: 컴포넌트 내부에서 선언되기 때문에 데이터가 변할 수 있다.