modal

[개인공부] 2/15 React Custom Component

Modal export const Modal = () => { const [isOpen, setIsOpen] = useState(false); const openModalHandler = () => { setIsOpen(!isOpen) // true가 아닌 !isOpen 으로 해준 이유는 클릭할 때마다 상태를 변환해주기 위함! }; return ( {isOpen ? 'Opened!' : 'Open Modal'} {isOpen ? {event.stopPropagation()}}> × //&times는 'X'를 표현하는 HTML 엔티티(Entities) Hello : null} ); }; 모달 창을 제외한 백그라운드를 종료하고 싶어서 를 입력하면 작동이 잘 되는 줄 알았으나, 어디든 클릭하면 모달창이 종료되..