反应不工作.错误提示(index):13 Uncaught SyntaxError: Unexpected token

React not working. Error says (index):13 Uncaught SyntaxError: Unexpected token <

本文关键字：Uncaught SyntaxError token Unexpected index 工作 错误 提示      更新时间：2023-09-26

我是React的新手，只是想构建一个简单的组件来显示到页面。由于某些原因，我得到了错误:

(index):13 Uncaught SyntaxError: Unexpected token <</p>

下面是我的代码: 
<html>
<head>
    <title></title>
</head>
<body>
    <div id="yolo"></div>
    <script src="react.js"></script>
    <script src="react-dom.js"></script>
    <script>
        var Yolo = React.createClass({
            render: function(){
                return <h1>Waddup doc?</h1>;
            }
        });
        ReactDOM.render(
            <Yolo />,
            document.getElementById('yolo')
        );
    </script>
</body>
</html>

如果不使用编译它的东西，就不能使用JSX。如果你使用create-react-app，它会帮你处理这个问题。https://github.com/facebookincubator/create-react-app如果你想让你的例子工作，你必须用React代替JSX。或者在浏览器中使用JSX转换器。

编辑:如果你想玩一个脚本标签，删除react和react-dom，并使用这个<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

如果您不想使用JSX，请尝试以下语法:

  var Yolo = React.createClass({
            render: function render(){
                return React.createElement(
                "h1",
                null,
               "Waddup doc? "
              );
            }
        });
ReactDOM.render(React.createElement(Yolo), mountNode);

在这个链接的每个示例的compile选项卡中都有更多纯javascript的react js示例。我希望它能帮助你。

相关文章：