부모 보유
원본 데이터와 변경 함수는 대개 부모 또는 더 위 상태 소유자가 가진다.
값 전달
자식은 필요한 값만 props로 받아 화면을 만든다.
사용자 행동
자식에서 클릭이나 입력이 발생하면 의미 있는 콜백을 호출한다.
부모 갱신
부모가 상태를 바꾸면 새 props가 내려와 자식 화면이 갱신된다.
value prop
표시 데이터
title, count, user처럼 화면에 필요한 값
필요 이상으로 큰 객체 전달 점검
event prop
행동 전달
onSelect, onSubmit처럼 자식 사건을 부모로 올림
setState 원본 노출 줄이기
children
내용 슬롯
레이아웃 컴포넌트가 내부 UI를 외부에서 받음
중첩 구조에 유용
default
누락 대응
선택 props의 기본 텍스트나 동작을 제공
undefined 처리 명확화