useEffect 钩子中的 addEventListener - 回调函数调用了两次

时间:2021-02-10 19:07:27

标签: reactjs error-handling event-listener use-effect

已经 3 天了,但没有成功。我想听听“所有”的错误。我有 ErrorBoundary ,但这并没有涵盖所有类型的错误。这种方式可以帮助我处理任何同步代码轰炸。我在应用程序组件级别有此代码。

const handleGlobalErrors = event => {
console.log('GLOBAL :: ' + event.message);};

和这样的钩子:

useEffect(() => {
console.log('useEffect APP');
window.addEventListener('error', handleGlobalErrors);
// cleanup this component | executes when component unmounts
return () => {
  window.removeEventListener('error', handleGlobalErrors);
};}, []);

出于某种原因,当发生 1 个单一错误时,我会看到两次日志。

  • '全局 :: 一些错误'
  • '全局 :: 一些错误'

并且只有一个日志

  • 'useEffect APP'

useEffect 运行一次,但看起来监听器被添加了两次。这是为什么?任何帮助,将不胜感激!!!谢谢!!!

0 个答案:

没有答案