function as a child

 

function as a child 는 컴포넌트의 자식으로 함수를 사용하는 방법임.

리액트에서는 기본적으로 하위 컴포넌트들을 children 이라는 prop 으로 전달해 주는데,

children 으로 컴포넌트 대신 함수를 사용하여 아래와 같이 사용할 수 있음.

 

// children 이라는 prop 을 직접 선언하는 방식

 

<Info children={nickname => <h2>별명 : {nickname}</h2>} />

 

// Info 컴포넌트로 감싸서 children 으로 만드는 방식

 

<Info>{nickname=> <h2>별명: {nickname}</h2>}</Info>