如何在反应组件中监听身体点击事件

Question

我应该在哪里添加它以避免重新渲染和其他麻烦

     document.querySelector('body').addEventListener('click', () => {}) 

Answer 1

您可以订阅useEffect块内的事件。 请记住在组件卸载时进行清理。

useEffect(() => {
  function handleClick() {
    console.log('click event triggered');
  }
  document.body.addEventListener('click', handleClick);
  return () => {
    document.body.removeEventListener('click', handleClick);
  };
}, []);