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

Question

[lookingfor2]

У меня есть компонент в функциональном стиле, как отследить клик вне компонента?

Answer 1

[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>
);