No puedo quitar el EventListener
del click izquierdo y, después de llamar a removeEventListener
, el console log continua mostrándose después de clicar en cualquier lugar de la pantalla.
He hecho algunas pruebas y el problema es el bind de handleClickOutside
porque si llamo a la función sin argumentos, removeEventListener
funciona.
PD: No sé como tipar el evento y el SetIsModalOpened (setState)
.
Mi código:
// TODO: change typo of "e" and "setIsModalOpened"
const showModal = (e: any, isModalOpened: boolean, setIsModalOpened: any): void => {
const elementId = e.currentTarget.id;
if (!isModalOpened) {
window.addEventListener('mousedown', (e) => handleClickOutside(e, elementId, setIsModalOpened));
}
setIsModalOpened(!isModalOpened);
}
// TODO: change typo of "e" and "setIsModalOpened"
const handleClickOutside = (e: any, elementId: string, setIsModalOpened: any) => {
if (e.target.id !== elementId) {
setIsModalOpened(false);
}
window.removeEventListener('mousedown', (e) => handleClickOutside(e, elementId, setIsModalOpened));
}
Muchas gracias!