[React] props 와 state의 차이

 

props	state
읽기 전용 (하위 Component 입장에서)	쓰기 전용 (자신이 들고 있는 값)
직접 수정할 수 없다. 변할 수 없다	직접 수정 가능하다. 변할 수 있다
부모요소에서 수정이 가능	this.setState를 통해 수정 가능.
외부에 공개 되는 값	외부에 공개 되지 않는 내부의 값
사용자가 Component를 사용하는 입장에서 필요한 데이터	props의 값을 구현하기 위해 내부에서 필요한 데이터 (사용자가 알 필요도 없고 알아서도 안된다.)
사용자가 조작하는 버튼	외부 조작버튼이 사용되기 위해 내부에서 설치된 장치들 (리스트에서 선택된값, 체크리스트에 선택된 값, 텍스트 박스의 텍스트 등)
상위 Component에서 하위 Component로 전달하는 데이터	Event: 상위 Component에서 하위 Component로 전달하는 데이터