props 컴포넌트에 전달되어 렌더링 결과에 영향을 줄 수 있음
state 컴포넌트 안에서 관리되며 렌더링 결과에 영향을 줄 수 있음
상위 컴포넌트의 state 값은 하위 컴포넌트의 props 값이 될 수 있다.
props나 state 값이 바뀌면
컴포넌트의 render 함수가 다시 호출된다.
render 함수가 호출되면서 하위 컴포넌트에 있는 각자의 render 함수 역시 다시 호출된다.
즉, props나 state가 바뀔 때 마다 화면을 다시 그린다.
차이점?
props 는 읽기 전용(read-only)
state는 this.setState로 값 변경 가능
state는 비동기로 동작
