Javascript 尝试导入错误：'；吐司'；不是从'；react引导&x27； 从“React”导入React； 从'react bootstrap'导入{Toast}； 导出函数确认（{toggle}）{ 返回( 切换（错误）}> 您的订单已在烤箱中！ 刚才 你的美味比萨饼30分钟后就会送到！ ); }

将导入更改为

---

从“react bootstrap/Toast”导入{Toast}

在发布任何问题之前，请先阅读文档。拜访

改变

从'react bootstrap'导入{Toast}

与

从“react bootstrap/Toast”导入Toast

---

Toast具有导出默认值，因此不能使用销毁方法导出它。感谢您安装了

react引导程序

？如果是的话，这个解决方案工作100%，如果你喜欢我的答案，或者你从我的答案得到任何帮助，不要忘记考虑投票，并通过点击右箭头，检查这个答案作为对你的最佳答案，谢谢！

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