react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.configure 不是函数

我正在尝试将 toast 通知添加到我的项目中。添加后由于某种原因

toast.configure();

代码不起作用,我有错误:

react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.configure is not a function

error image

这是我的代码:

import {toast} from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';

toast.configure();

function App() {

return(
<div>
if(error){
toast.error("error message...!"); 
}
<div>
)
}

为什么我会收到此错误?我已经安装了 toast-notifications。

先感谢您。

stack overflow react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.configure is not a function
原文答案

答案:

作者头像

在最新版本(9)中,toast.configure 被删除,因为 "It does not work with react context because it creates a new react tree."

您可以在文档顶部添加 ToastContainer 来解决此问题。

<ToastContainer
    autoClose={5000}
    hideProgressBar={true}
    {...otherPropsFromToastConfigure}
/>
作者头像

新版本刚出。尝试通过添加特定版本来安装 React Toastify 。就我而言, 8.2.0 有效。

- npm i react-toastify@8.2.0
- yarn add react-toastify@8.2.0
作者头像

删除 toast.configure()

在 if 语句之后添加

相关问题