每次调用 React toastify toast 出现 4 次

Question

我最近开始使用 react-toastify 并且一切正常，直到我注意到这个奇怪的行为。

这是我的代码： this.adderrorNotification('Error: Please try again!')

adderrorNotification(message){ 
 toast.error(message, { 
   onClose: () => console.log('called when I close') 
 }); 
}

在吐司 onClose 上，我看到日志消息 4 次。并在手动关闭时单击 toast 重新出现 4 次。

为什么会这样？任何帮助谢谢

Answer 1

回答我自己的问题：

原因：在导致问题的所有组件中初始化了 toast。（侧边栏、导航栏、主要组件、页脚）渲染了 4 次。

解决方案：删除所有组件中的 toast 初始化并在 index.js 中初始化它解决了我的问题。

React toastify toast appears 4 times with every single call