用引导带4进行反应

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
});

为了明确起见，我正在使用以下库：

https://github.com/fkhadra/react-toastify

• Reactstrap：https://reactstrap.github.io

• React：

我非常希望能够将这个组件用作Toast：

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

Answer 1

您可以正常地构建您的react组件并插入它，而不是普通的消息。“反应”的文档展示了如何做到这一点。

使用引导程序4类/ react bootstrap

• Place a <ToastContainer />在您的应用程序

• Use toast(*)中构建react组件，其中*是您构建并导入到App

中的组件

关于这个的更多信息，这里：https://fkhadra.github.io/react-toastify/render-what-you-want