Tengo una aplicación de demostración y quiero cerrar el menú desplegable cuando haga clic en cualquier lugar fuera.
Sólo un código simple.
Aquí está el enlace de mi aplicación de demostración de codesandbox
useEffect(() => { const checkIfClickedOutside = e => { if (toggle && dropDownRef.current && !dropDownRef.current.contains(e.target)) { setToggle(false) } } document.addEventListener("mousedown", checkIfClickedOutside) return () => { document.removeEventListener("mousedown", checkIfClickedOutside) } }, [toggle])