Javascript JSX，非法导入声明

Question

我有一个使用React组件和反流组件的jsx文件。只有一个微小的动作：

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

如何将此操作移至另一个文件？根据{{​​3}}，应该很容易包含其他文件：

  

//导入所有不以＆＃34; _＆＃34;开头的类来自＆＃34; a.jsx＆＃34;

     

导入＆＃34; a.jsx＆＃34 ;;

我尝试在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