1. props는 스마트폰의 볼륨버튼이라면 사용자가 볼륨버튼을 누르면 state는 스마트폰안에서 스스로의 상태인 볼륨이 바뀌게 해놓은 모든 조치(회로,프로그래밍 등등)라고 할 수 있습니다.
2. 상위 컴포넌트는 하위 컴포넌트에게 props를 통해 값을 전달해 내부의 state를 바꾸기 때문에 컴포넌트 스스로 외부에서 전달되는 props를 변경하는 것은 금지되어 있습니다. 또한 하위 컴포넌트가 상위 컴포넌트를 동작시키려면 props를 전달하는 것이 아니라 상위 컴포넌트 안에 이벤트를 심고 그 안에 setState로 값을 바꿔야 합니다.
| props | state |
| 고정값 | 가변값 |
| 상위값 | 하의값, 사용자가 이벤트 요청시 변경 |
상위 컴포넌트 > props > 하위 컴포넌트
하위 컴포넌트 > 이벤트 실행 > 상위 컴포넌트의 state 호출 > state값 수정
'React > 기초' 카테고리의 다른 글
| 버튼에 이벤트 리스너(핸들러) 장착하는 법 feat. eslint disable, deep copy (0) | 2021.02.12 |
|---|---|
| JSX 문법중 state사용하기 (0) | 2021.02.12 |
| React Developer Tools (현재 나의 프로젝트 상태를 파악하는 방법) (0) | 2021.02.04 |
| 배포하는 방법 (npm run build, npx serve -s build) feat.Empty Cache and Hard Reload (0) | 2021.02.03 |
| React는 어쩌다 만들어졌을까요? (0) | 2021.02.02 |