[React.js] props와 state에 대하여

props & state

둘다 데이터를 다루는데 사용된다.

 

props 

부모로 부터 상속받은 데이터를 뜻한다. 데이터 기원이 자신이 아닌 부모에 있다.

물려준대로 사용. 그 데이터의 원천을 변경할수는 없다.

 

state

현재 자신 컴포넌트에서 생성 또는 수정할 수 있다.

그래서 state, setState를 사용하여 데이터를 담고, 각자의 페이지에 맞는 용도로 가공하여 사용한다.

 

입장에 따라 달라지기도 한다.

App 컴포넌트가 Sample 컴포넌트에게 count라는 데이터를 주었다고 가정하면,

App 컴포넌트 입장 : count를 준 입장이니, App 컴포넌트에겐 count 데이터가 state.

Sample 컴포넌트 입장 : count를 받은 입장이니, Sample 컴포넌트에겐 count 데이터가 props.