전달
부모 JSX에서 속성처럼 값을 넣으면 자식 컴포넌트의 props로 전달된다.
props 흐름
props 기본 개념
부모 컴포넌트는 값과 children을 전달하고, 자식은 props를 읽어 렌더링하되 직접 수정하지 않는다.
데이터 전달 방향
one-way data비구조화
필요한 prop만 꺼내 쓰면 컴포넌트가 기대하는 입력이 더 잘 보인다.
children
태그 사이에 들어간 내용은 props.children으로 전달되어 조합형 UI를 만든다.
parentpropschildrender
props를 수정하고 싶다면 자식에서 직접 바꾸는 대신, 부모의 state를 바꾸는 콜백을 내려주는 방식으로 설계한다.