预编译的 JSX React,js 不工作

Precompiled JSX React,js is not working

您好,我正在学习 React.js 教程,但 运行 遇到了麻烦。使用 React 时,它可以与我页面上的 jsx t运行sformer 一起正常工作。一旦我删除该脚本并将 jsx 编译为 js,它就不再有效。我正在使用 React 在其页面上推荐的 jsx 编译器。这是我的代码:

jsFiddle

<div id="content"></div>
<script src="https://fb.me/react-0.13.1.js"></script>
<script type="text/jsx">
    var CommentBox = React.createClass({displayName: "CommentBox",
        render: function() {
            return (
                    React.createElement("div", {className: "commentBox"},
                            "Hello, world! I am a CommentBox."
                    )
            );
        }
    });
    React.render(
            React.createElement(CommentBox, null),
            document.getElementById('content')
    );
</script>

感谢您的帮助!

<script type="text/jsx">

如果你不使用 JSX,你应该删除那个类型。然后它将按预期工作。 (Fiddle)