[React 입문] Props Children

1. props children 사용 ( props의 주요개념 )  

- 부모 컴포넌트에서 자식 컴포넌트로 props 해서 값 전달하듯이

-자식컴포넌트를 태그로 열고 닫으면 children으로 인식 됨

import React from 'react';


function User(props){
  console.log(props); //{children: 헤헤}
  return <div>{props.children}</div>;  //헤헤
}


function App(){
 return (
   <User> 헤헤 </User>;
 );
}

export default App;

 

 

2. children의 용도 & 렌더링 방법

- 용도 : 항상 나와야하는 부분이라면 (머릿글 같은) 그 밑에 children을 받아서 사용하기