[英]Attempted import error: 'Toast' is not exported from 'react-bootstrap'
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/
访问https://react-bootstrap.github.io/components/toasts/
change改变
import { Toast } from 'react-bootstrap';
从'react-bootstrap'导入{吐司};
with和
import Toast from 'react-bootstrap/Toast'
从 'react-bootstrap/Toast' 导入 Toast
Change your import to import { Toast } from 'react-bootstrap/Toast'将导入更改为 import { Toast } from 'react-bootstrap/Toast'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.