모달창 만들기
const [modal, setModal] = useState(false);
return(
<button
onClick={() => { setModalOpen(true); }}
</button>
{modalOpen === true
? <Modal getModal={modal} setModal={setModal} />
: null
}
)
- state로 보임 안보임 정보를 저장하기
- 3항 연산자로 true일때 모달창 보여주기
- 속성으로 state값을 넘겨주기 (모달창에서 취소버튼을 누르면 false로 바꿔주기위해)
- 만든 모달창에서 취소버튼누르면 false로 바꿔주기!
꽤 간단하다!!
Author And Source
이 문제에 관하여(모달창 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@alonjoe/모달창-만들기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)