吐司没有显示正确的风格

Question

我在用react-toastify。

_app.tsx：

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

...

  return (
    <AppStateProvider>
      <MainProvider>
      <HeaderProvider>
        <Component {...pageProps} />
        <ToastContainer
          position="top-right"
          autoClose={5000}
          hideProgressBar={false}
          newestOnTop={false}
          closeOnClick
          rtl={true}
          pauseOnFocusLoss
          draggable
          pauseOnHover
        />
       </HeaderProvider>
       </MainProvider>
    </AppStateProvider>
  );
}

在我的部分：

toast.success( "success")

但它显示出如下情况：

​

​

但在演示中，它显示：

​

​

Answer 1

这是我的第一个答案！在尝试反应时遇到了类似的情况

基本上，你需要说出你想要的祝酒词的主题。

例如：

toast.success("success", {
  theme: "colored"
})

“有色”是你要寻找的主题。

toast.success("success", {
  theme: "dark"
})

“黑暗”也是可用的。

如果你不提供任何主题，你就会在你上传的图片中得到结果。