props 와 state

props와 state는 컴포넌트에서 사용하거나 변화에 따른 리랜더링 기준이 되는 데이터를 담고 있다는 점에서 비슷하다.

 

하지만 props는 부모 컴포넌트가 설정해서 자식 컴포넌트로 넘겨주는 값으로 자식 컴포넌트에서는 readOnly 인 반면 state는 컴포넌트 자체적으로 지닌 값으로 컴포넌트 내부에서 값을 마음대로 변경할 수 있다.

 

현재 리액트에서는 클래스형 컴포넌트보다 함수형 컴포넌트 작성이 권장되고  함수형 컴포넌트에서는 useState Hooks 를 통해 state 를 사용한다.