Попытка импортировать ошибку: «Toast» не экспортируется из «Reaction- bootstrap»

Question

import React from 'react';
import { Toast } from 'react-bootstrap';

export function Confirmation({ toggle }) {
        return (
            <Toast onClose={() => toggle(false)}>
                <Toast.Header>
                        <strong className="mr-auto">Your Order Is In The Oven!</strong>
                        <small>just now</small>
            </Toast.Header>
            <Toast.Body>
                Your delicious pizza will be with you in 30 minutes!
            </Toast.Body>
            </Toast>
        );
}

Answer 1

Пожалуйста, прочитайте документацию, прежде чем отправлять любые вопросы. Посетите https://react-bootstrap.github.io/components/toasts/

изменить

import {Toast} из'act- bootstrap ';

с

импорт тостов из'act-bootstrap / Toast '

Answer 2

Измените свой импорт, чтобы импортировать {Toast} из'act-bootstrap / Toast '