더북(TheBook)

4. props 객체

① props는 부모 컴포넌트가 자식 컴포넌트에 데이터를 전달할 때 사용하는 객체입니다.

② 타입스크립트를 사용할 경우 props의 타입을 정의해야 잘못된 데이터 전달을 방지할 수 있습니다.

③ 데이터를 속성별로 하나씩 전달하는 대신, 객체 형태로 묶어 한 번에 전달하는 것이 간결합니다.

④ 함수도 props로 전달할 수 있어 자식 컴포넌트에서 부모의 함수를 실행할 수 있습니다.

⑤ props는 구조 분해 할당으로 쉽게 꺼내 사용할 수 있습니다.

⑥ 전개 연산자(...)를 사용하면 여러 props를 한꺼번에 전달할 수 있어 편리합니다.

children 속성은 컴포넌트 내부에 작성한 내용을 특별한 props로 전달하는 방식입니다. 자식 컴포넌트에서는 React.ReactNode 타입으로 받습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.