babel错误地转换出口默认功能

Question

我试图在反应中创建一个无状态功能组件，但看起来babel在转换时遇到了一些麻烦。代码段export default AppLayout = () => {};已转换为exports.default = AppLayout = function AppLayout() {};，这会出现以下错误Uncaught ReferenceError: AppLayout is not defined。

我使用以下预设stage-0，es2015和react运行babel。我在流星中使用了这种语法，所以我猜它是我缺少的一个模块。

Answer 1

这也应该有用

const MyComponent = () => <div>Hi</div>
export default MyComponent;

或一个班轮

export default () => <div>Hi</div>