props는 컴포넌트 호출 위치에서 속성처럼 적고 자식 함수의 인자로 전달됩니다.
props 흐름
props 전달 방식
부모 컴포넌트가 값을 넘기고 자식 컴포넌트가 그 값을 읽어 렌더링하는 흐름이 React 데이터 전달의 출발점입니다.
필요한 값만 꺼내 쓰면 JSX 안에서 데이터 이름이 짧고 선명해집니다.
태그 사이에 넣은 내용은 props.children으로 받아 합성 가능한 컴포넌트를 만듭니다.
자식이 받은 값을 직접 수정하지 않는지 확인한다.
전달되는 값의 이름과 타입을 부모 기준으로 맞춘다.
값이 없을 때 보여줄 기본 렌더링을 정한다.
학습 단계에서는 타입 검사로 props 모양을 드러낸다.