如何自定义 react-toastify

Question

我需要自定义 react-toastify。

我尝试按照文档中的建议更改 .scss 文件中的样式。不幸的是，这没有用。告诉我我做错了什么？

Answer 1

您可以在App.js 中使用此方法：

   <ToastContainer
       position="bottom-right"
       autoClose={8000}
       pauseOnHover={true}
       draggable={true}
       theme="dark"
    />

这里toast出现在右下角，8秒后自动关闭，背景主题为深色。