버튼 눌렀을 때 열리고 한번 더 누르면 닫히는 모달창

React

 

 

내가 쓴 코드

//Modal 컴포넌트 만들기
 function Modal() {
  return (
    <div className="modal">
      <h2>제목</h2>
      <p>날짜</p>
      <p>상세 내용</p>
    </div>
  );
  
//setState 만들기
  let [modal, modalChange] = useState(false);
  
 ...
 
//모달 삼항조건문
 
{modal === true ? <Modal /> : null};
 
 
//모달 온오프 버튼
<button
      onClick={() => {
        modalChange(modal == true ? false : true);
      }}
    >
      모달 온오프 버튼
</button>
  
  
  

 

 

정답:

<button onClick={ ()=>{ modalChange(!modal) } }> 열고닫는버튼 </button>

! 느낌표 기호는 true 왼쪽에 붙이면 false로 바꿔주고

false 왼쪽에 붙이면 true로 바꿔줍니다. 

 

 

 

나는 아직도 멀었구나... 😥