props 와 state 는 일반 JavaScript 객체이다. 두 객체 모두 렌더링 결과물에 영향을 주는 정보를 갖고 있는데, 한 가지 중요한 방식에서 차이가 있다. props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리된다.
props: 부모 컴포넌트가 자식 컴포넌트한테 전달하는 데이터로, (자식 입장에서)읽기 전용이다.
state: 자신이 들고 있는 값을 말한다. (읽기 전용인 Props와 비교해보자면, 쓰기 전용이다.)
props state
상위 구성 요소에서 초기 값을 가져올 수 있습니까? 네 네
상위 컴포넌트로 변경할 수 있습니까? 네 아니요
Component 내에서 기본값을 설정할 수 있습니까? 네 네
Component 내에서 변경할 수 있습니까? 아니요 네
자식 구성 요소의 초기 값을 설정할 수 있습니까? 네 네
자식 구성 요소에서 변경할 수 있습니까? 네 아니요
출쳐: react-guide
