[TIL] 21.10.21.

const SignUp = ({setShowModal}) => {
  // let modalClose = useRef();

  const handleCloseModal = () => {
    setShowModal(false);
  }


  // useEffect(() => {
  //   document.addEventListener("mousedown", (event)=>{
  //     if(!modalClose.current.contains(event.target)){
  //     }
  //   })
  // })

 

import OutsideClickHandler from 'react-outside-click-handler';

  <OutsideClickHandler
              onOutsideClick={() => {
                handleCloseModal();
              }}
            >
            
             </OutsideClickHandler>​

 

 

 

contains 계속 안먹혀서 진짜 고생했는데

저거 하나만 써도 모달 밖에 클릭하면 바로 닫힘

짱짱