props는 부모가 정한 값을 자식에게 읽기 전용으로 넘긴다
데이터의 소유자는 부모이고 자식은 props를 입력값으로만 사용한다. 값을 바꿔야 할 때는 이벤트로 부모에게 요청한다.
Parent
value 보유
상태와 변경 함수 위치
Props
child에 전달
읽기 전용 입력
Child
render
받은 값으로 UI 구성
Event
callback 호출
변경 요청을 위로 전달
구분
책임
잘못된 신호
부모
값 결정
자식마다 값 복사
props
입력 전달
자식에서 직접 변경
자식
표시와 이벤트
소유권 혼동
callback
변경 요청
상태 위치 불명확