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>
);
}
Please read the documentation first before post any questions. Visit https://react-bootstrap.github.io/components/toasts/
change
import { Toast } from 'react-bootstrap';
with
import Toast from 'react-bootstrap/Toast'
Change your import to import { Toast } from 'react-bootstrap/Toast'
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.