Javascript JSX,非法进口申报
Javascript JSX, illegal import declaration
我有一个使用 React 组件和 Reflux 的 jsx 文件。只有一个小动作:
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>
,但这并不理想,想另辟蹊径。感谢您的关注和帮助。
如果你使用 Babel:
export default ClickedAction; // in action file
否则,使用旧模块:
module.exports = ClickedAction; // in action file
require('actions/clickedActions.jsx'); // in another file
我有一个使用 React 组件和 Reflux 的 jsx 文件。只有一个小动作:
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>
,但这并不理想,想另辟蹊径。感谢您的关注和帮助。
如果你使用 Babel:
export default ClickedAction; // in action file
否则,使用旧模块:
module.exports = ClickedAction; // in action file
require('actions/clickedActions.jsx'); // in another file