Имеется навбар, в котором при клике на элемент показывается раскрывающийся

Это какая-то всратая библиотека? Мне кажется неправильным на каждое действие новую библиотеку подключать. Решение с document.body.addEventListener кажется более разумным

0

22.05.2022

倫太郎岡部

Eduard Balichev
Это какая-то всратая библиотека? Мне кажется непра...

конечно это библиотека, ведь для всего в интернете есть биболитека

0

22.05.2022

Vetro

Eduard Balichev
Это какая-то всратая библиотека? Мне кажется непра...

import { useEffect, useRef } from 'react'; const DEFAULT_EVENTS = ['mousedown', 'touchstart']; export function useClickOutside<T extends HTMLElement = any>( handler: () => void, events?: string[] | null, nodes?: HTMLElement[] ) { const ref = useRef<T>(); useEffect(() => { const listener = (event: any) => { if (Array.isArray(nodes)) { const shouldIgnore = event?.target?.hasAttribute('data-ignore-outside-clicks'); const shouldTrigger = nodes.every((node) => !!node && !node.contains(event.target)); shouldTrigger && !shouldIgnore && handler(); } else if (ref.current && !ref.current.contains(event.target)) { handler(); } }; (events || DEFAULT_EVENTS).forEach((fn) => document.addEventListener(fn, listener)); return () => { (events || DEFAULT_EVENTS).forEach((fn) => document.removeEventListener(fn, listener)); }; }, [ref, handler, nodes]); return ref; }

0

22.05.2022

倫太郎岡部 · Accepted Answer

倫太郎岡部

react

0

22.05.2022

169 похожих чатов

Имеется навбар, в котором при клике на элемент показывается раскрывающийся

8 ответов

Похожие вопросы