props

상위 컴포넌트에서 쓰는거

<하위컴포넌트명 props명="넘겨줄데이터"></하위컴포넌트명>

 

 

 

하위 컴포넌트에서 쓰는거

<태그>{props.상위컴포넌트의props명},{props.children}

 

<상위컴포넌트의props명 
boolProp= {true} //boolean
arrProp= {['a','b','c']} //배열
objProp= {{name:'코딩젤리', title:'헬로리액트!'}} //객체
funcProp= {() => { alert('알림창'); }}  //함수 
/>