자식컴포넌트에서 부모컴포넌트에 있던 state를 쓰고싶으면 props로 전송해서 써야 함
<자식컴포넌트 작명 = { state이름 }>
props.작명
사용// 부모 컴포넌트
...
{ modal == true ? <Modal 작명={글제목}/> : null }
// 자식 컴포넌트
function Modal(props){
return(
<div className = "moal">
<h4>{props.작명}</h4>
...
</div>
)
}
Modal component안에 외부의 state 집어넣기
function App (){
let [state, setState] = useState(['state1', 'state2', 'state3']);
return (
<div>
<Modal state = {state}></Modal>
</div>
)
}
function Modal(){
return (
<div className="modal">
<h4>{ state[0] }</h4>
</div>
)
}