javascript - React export 声明语句预期

Question

当我尝试导出我的组件时，我的编辑器显示错误export declaration statement expected

这是我的代码:

export Header from './Header/Header';

但如果我这样做:

export {default as Header} from './Header/Header';

它没有显示任何错误。

我的 Header.js

export default class Header extends React.Component {
  //code
}

我正在关注这个例子 https://github.com/erikras/react-redux-universal-hot-example/blob/master/src/components/index.js

我的组件文件夹结构和导出方法与那些链接相同。

有什么解决办法吗？

Answer 1

Any solution?

export Header from './Header/Header'; 不是有效语法，但是存在 proposal支持它。

您链接到的存储库 configured babel通过使用 stage-0 来支持这个提议的功能预设:

{
  "presets": ["react", "es2015", "stage-0"],
  ...
}

stage-0 包括 stage-1其中包含 transform-export-extensions plugin实现了这个功能。

---

但需要明确的是，您必须使用此实验性功能。

export {default as Header} from './Header/Header';

效果相同，是标准的ES6。