babel 错误地转译了导出默认函数

Question

我正在尝试在 react 中创建一个无状态功能组件，但看起来 babel 在编译时遇到了一些问题。 sn-p 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>