reactjs - 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') 
 }); 
}

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

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

Answer 1

回答我自己的问题：

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

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