用 Bootstrap 4 反应 Toastify

Question

有什么方法可以将 react-toastify 与 Reactstrap 的 Toast 组件或 Bootstrap 4 toast 类一起使用？这是我当前的配置：

import { toast } from 'react-toastify'

toast.configure({
  toastClassName: 'toast', // Bootstrap class
  bodyClassName: 'toast-body', // Another Bootstrap class
});

明确地说，我正在使用以下库：

• React Toastify：https://github.com/fkhadra/react-toastify
• Reactstrap：https://reactstrap.github.io

我真的很希望能够将此组件用作 Toast：

• https://reactstrap.github.io/components/toasts

Answer 1

您可以像往常一样构建您的反应组件并插入它而不是普通消息。 react-toastify 的文档展示了如何做到这一点。

• 使用 bootstrap 4 类/react 构建您的 react toast 组件 引导
• 在您的应用中添加<ToastContainer />
• 使用toast(*)，其中*是您构建并导入的组件 应用

更多信息请点击此处：https://fkhadra.github.io/react-toastify/render-what-you-want