React Toastify with Bootstrap 4

Question

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

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
• 反作用带：https://reactstrap.github.io

我真的很想把这个组件用作Toast：

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

Answer 1

您可以正常构建react组件并插入它，而不是简单的消息。react toast ify的文档展示了如何做到这一点。

• 使用bootstrap 4 classes/areact构建react toast组件引导程序
• 在应用程序中放置<ToastContainer />
• 使用toast(*)，其中*是您构建并导入的组件应用程序

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