Tengo una pregunta para ti. Quiero agregar e.preventDefault(); en useEffect para que se llame tan pronto como el estado cambie a verdadero. Pero algo no funciona, alguien me puede decir como implementar este método.
const [active, setActive] = useState(false); useEffect((e) => { if (active === true) { e.preventDefault(); } }, [active]) <ul onClick={() => setBurger(false)} <className="nav__ul"> <li><Link to='/homeWork'>Таблица</Link></li> <li><a href="#photo__h2">Галерея</a></li> <li><a href="#questions__head">Питання-відповідь </a></li> <li><a href="#contacts__h3">Контакти</a></li> <li onClick={() => setActive(true)}><a href="/" className="popup_open">Забронювати</a></li> </ul>No tienes acceso a la instancia del evento dentro de useEffect. Es accesible en la devolución de llamada onClick, no dentro del efecto.
const onClick = useCallback((e) => { setActive(true) e.preventDefault() }) ... <li onClick={onClick} ... En general, también es una buena idea envolver siempre sus devoluciones de llamada usando useCallback() ; de esta manera, sus devoluciones de llamada no necesitarán volver a conectarse en cada renderizado, porque en cada renderizado genera un nuevo cierre.
Si no envuelve sus devoluciones de llamada con 'useCallback ()', la reacción detrás de la escena reemplazará el controlador de eventos en cada renderizado, de manera similar a:
element.removeEventListener('click', oldClosure) element.addEventListener('click', newClosure) Además, no estoy seguro, pero mirando su código, creo que es posible que desee poner el elemento onClick en <a> no en <li>