刚启动我的ReactJS并停留在我的第一次尝试.我有一个非常基本的代码,抛出“ Uncaught SyntaxError：意外令牌<”. index.html
<!doctype html>
<head>
<title>My first ReactJs</title>
</head>
<body>
<div id="container"></div>
<script src="react.js"></script>
<script src="script.jsx"></script>
</body>
</html>
script.jsx
var MessageButton = React.createClass({
render: function(){
return (
<button>Hello World</button>
);
}
});
React.render(<MessageButton/>, document.getElementById("container"));
假设它可能缺少JSX转换器库,我进行了搜索,但找不到任何地方的下载.我大部分时间都在离线工作,所以我不想使用plunkr或jsbin.可以做些帮助.
解决方法:
第一：指定JSX脚本的type属性,以便浏览器不会尝试将其作为JavaScript执行.
<script type="text/jsx" src="script.jsx"></script>
第二：
要么：
加载JSXTransformer脚本(需要older version of React)
要么
使用Babel编译JSX：
取自the docs的示例：
babel --presets react src --watch --out-dir build