모달창 만들기

966 단어 TILTIL
const [modal, setModal] = useState(false);

return(
<button 
	onClick={() => { setModalOpen(true); }}         
</button>
{modalOpen === true 
	? <Modal getModal={modal} setModal={setModal} />
 	: null
}
)
  1. state로 보임 안보임 정보를 저장하기
  2. 3항 연산자로 true일때 모달창 보여주기
  3. 속성으로 state값을 넘겨주기 (모달창에서 취소버튼을 누르면 false로 바꿔주기위해)
  4. 만든 모달창에서 취소버튼누르면 false로 바꿔주기!

꽤 간단하다!!

좋은 웹페이지 즐겨찾기