javascript - react 意外 token :运算符(<)

我有一个main.js

React.render(
        <h1>Hello, world!</h1>,
        document.getElementById('myDiv')
    );

我正在使用CodeKit，它会指出错误：
意外的标记：运算符（

最佳答案

您需要将这部分JSX转换为纯Javascript。我建议您从Codekit移到Webpack，如果配置的话，Webpack可以处理转换。
请检查这个存储库。它包含React应用程序的样板代码。不需要配置，只需运行示例
https://github.com/gaearon/react-transform-boilerplate
附加：它提供热重新加载，相当于Codekit的“保存时重新加载”，希望你不要在这里放松状态！（页面未重新加载，JS已注入！）