react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.configure不是一个函数

Question

我正在尝试在我的项目中添加吐司通知。由于某种原因，在添加

​

toast.configure();

​

代码不工作，我有错误：

​

react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.configure is not a function

​

误差图像

这是我的代码：

​

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

toast.configure();

function App() {


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

​

我为什么要犯这个错误？我已经安装了吐司通知。

提前谢谢你。

Answer 1

在最新版本(9)中，toast.configure被删除，因为“它不适用于react上下文，因为它创建了一个新的react树。”

您可以在文档顶部添加ToastContainer来修复这个问题。

<ToastContainer
    autoClose={5000}
    hideProgressBar={true}
    {...otherPropsFromToastConfigure}
/>

Answer 2

新版本刚出来。尝试通过添加特定版本来安装React Toastify。在我的例子中，8.2.0工作。

- npm i react-toastify@8.2.0
- yarn add react-toastify@8.2.0

Answer 3

删除toast.configure()

在if语句之后添加