@lookingfor2

Как отследить клик вне компонента?

У меня есть компонент в функциональном стиле, как отследить клик вне компонента?
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
0xD34F
@0xD34F
const rootEl = useRef(null);

useEffect(() => {
  const onClick = e => rootEl.current.contains(e.target) || console.log('клик вне компонента');
  document.addEventListener('click', onClick);
  return () => document.removeEventListener('click', onClick);
}, []);

return (
  <div ref={rootEl}>
    ...
  </div>
);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы