反应不起作用。错误说（索引）：13 Uncaught SyntaxError: Unexpected token <答案

【问题标题】：React not working. Error says (index):13 Uncaught SyntaxError: Unexpected token <反应不起作用。错误说（索引）：13 Uncaught SyntaxError: Unexpected token <
【发布时间】：2016-09-14 18:37:59
【问题描述】：

我是 React 的新手，我只是想构建一个简单的组件来显示到页面上。出于某种原因，我收到了错误：

(index):13 Uncaught SyntaxError: Unexpected token

这是我的代码：

<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>

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

如果你不使用转换它的东西，你就不能使用 JSX。如果您使用 create-react-app 它将为您处理此问题。 https://github.com/facebookincubator/create-react-app 如果你想让你的例子工作，你必须用 React.createElement 替换 JSX，或者使用浏览器中的 JSX 转换器。

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

【讨论】：

为什么 React 文档中的任何地方都没有提到这一点？
这里提到：facebook.github.io/react/docs/language-tooling.html。我明白作为一个初学者是多么难以理解！
另外，当你下载 React 时，它附带了可以工作的示例反应文件，但我还没有下载任何正在编译它们的东西？
这些例子包括浏览器转换器中的 babel：<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>
谢谢，当 StackOverflow 在几分钟内关闭计时器时，我会将此答案标记为正确。一个比另一个快：在浏览器与服务器中？

【解决方案2】：

如果你不想使用JSX，试试这个语法：

  var Yolo = React.createClass({

            render: function render(){
                return React.createElement(
                "h1",
                null,
               "Waddup doc? "
              );
            }
        });

ReactDOM.render(React.createElement(Yolo), mountNode);

react js 的更多纯 javascript 示例存在于每个示例的编译选项卡中的this link。希望它可以帮助您。

【讨论】：