烤面包机不导入

Question

在我的 React 应用程序中，我尝试导入烤面包机，但在“./ui”中找不到导出“烤面包机”（导入为“烤面包机”）错误。我不明白为什么，有人可以看看这个

代码：Toaster.js

function Toaster(props) {
return (
<div>
</div>
)
}

export default Toaster;

in app.js

import {Toaster} from './ui';
<Toaster toasts={['toast1', 'toast2']} />

inside ui folder in index.js page


import Toast from './Toaster';

export {
Toast
}

Answer 1

像下面这样导入烤面包机：

import Toaster from './ui';

这是因为 Toaster 是默认导出的。