반응형
const openModal = () => {
setModalOpen(true);
document.body.style.overflow = "hidden";
};
const closeModal = () => {
setModalOpen(false);
document.body.style.overflow = "unset";
};
모달창을 여는 이벤트에 hidden값 혹은 unset값 주기
모달 창 오픈할 때 hidden으로 스크롤 막아주고, 모달창을 닫은 후엔 unset을 준다
반응형
'Today I Learn > React' 카테고리의 다른 글
[React.js]해당 월에 맞는 일 수 나타내기(select box 날짜 선택) (0) | 2022.02.16 |
---|---|
[React.js] react spinners 만들기(로딩중) (0) | 2022.02.15 |
[React.js] input 숫자만 입력 받는 폼 만들기 (0) | 2022.02.14 |
[React / Error] Can't perform a React state update on an unmounted component (0) | 2022.02.10 |
[react]배포 시 이미지 엑박 / public 폴더의 이미지 절대경로로 사용하기 (0) | 2021.12.29 |