React Toastify с помощью Bootstrap 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
});

Для ясности, я использую следующие библиотеки:

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

Я бы очень хотел иметь возможность использовать этот компонент в качестве тоста:

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

Answer 1

Вы можете создать свой компонент реакции как обычно и вставить его вместо простого сообщения. В документации по react-toastify показано, как это сделать.

• Создайте свой компонент тоста реакции, используя классы начальной загрузки 4 / реакция начальной загрузки
• Поместите <ToastContainer /> в вашем приложении
• Использовать toast(*), где * - это компонент, который вы создали и импортировали в приложение.

Подробнее об этом здесь: https://fkhadra.github.io/react-toastify/render-what-you-want