Javascript JSX，非法导入声明

Question

我有一个使用带有 Reflux 的 React 组件的 jsx 文件。只有一个微小的 Action :

var ClickedAction = Reflux.createActions([
  'clicked'
]);

如何将此操作移动到另一个文件？根据JSX documentation ，应该很容易包含其他文件:

// import all classes that do not start with "_" from "a.jsx"

import "a.jsx";

我尝试将其移动到 actions/clickedAction.jsx (或 .js)中并使用 import "actions/clickedActions.jsx" 导入它但我不断收到Illegal import declaration 。我怎样才能实现这个目标？

我没有使用 RequireJS，并且希望尽可能避免使用它。我发现的一种替代解决方案是将其包含在 HTML 文件中，

<script type='text/javascript' src='xxxxx/actions/clickedAction.js")'></script>

，但这并不理想，想寻找其他方法。感谢您的关注和帮助。

Answer 1

如果你使用 Babel:

export default ClickedAction; // in action file

否则，使用旧模块:

module.exports = ClickedAction; // in action file

require('actions/clickedActions.jsx');  // in another file