props와 state 차이점

개발 공부/React

React #5 [props와 state, create, push와 concat]

props와 state의 차이점 props는 read-only이지만 state는 setState를 통해서 수정이 가능하다. 예를 들어, 현재 Content라는 컴포넌트를 사용하는 APP.js 에서는 title이라는 props를 통해 값을 주입할 수 있다. 하지만 Content 내부에서 title 값을 hi로 바꾸려고 하면 에러가 발생하게 된다. 이렇게 컴포넌트 안에서 자신에게 전달된 props 값을 바꾸는 것은 금지되어있다! 컴포넌트 밖에서만 props를 바꾸는 것이 허용되기 때문에 props가 수정할 수 없는 read-only라는 것! props와 이벤트 위에 있는 동그라미는 상위 컴포넌트, 아래 동그라미는 하위 컴포넌트이다. 지금까지 만든 컴포넌트로 따지면 상위 컴포넌트는 App.js, 하위 컴포넌트..

YJzero
'props와 state 차이점' 태그의 글 목록