더북(TheBook)

이렇게 하면 Box 컴포넌트 태그 사이에 넣은 JSX를 children이라는 Props로 받아와서 사용할 수 있습니다.

▲ 그림 6-5 children

Render Props는 이 children의 타입을 함수 형태로 받아오는 패턴입니다. 일반적으로는 우리가 컴포넌트에 필요한 값을 Props로 넣어주지요? Render Props를 사용하면 반대로 우리가 사용할 컴포넌트에서 특정 값을 밖으로 빼내와 사용할 수가 있습니다.

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