[REACT] 다른 컴포넌트로 state 할당하기

1. 부모 컴포넌트에 useState 만들기

let[modal, setModal] = useState(false);

 

2. setModal 들어갈 JSX에 onClick함수 넣기

<span onClick = {() => setModal(true)}>클릭</span>

 

3. 자바스크립트 함수 작성

{modal == true ? <Modal setModal={setModal}></Modal> : null}

 

이때!! 다른 컴포넌트로 보낼 setModal props 작명하기!

 

4. 자식 컴포넌트로 와서 setModal 할당하기

const Modal = ({setModal}) => {

  retrun (

     <span onClick={() => setModal(false)}> 클릭 </span>

 

드디어 해결!!! 어제 해결 못 하고 퇴근해서 집 가는 길에도 생각하고 자기 전까지 구글링 하면서 생각했는데 생각보다 빠르게 해결해서 다행... 뿌듯하다 이제 뭔가 props에 대해서 알 것 같기도