预编译的JSX React,js无效

Question

嗨,我正在通过React.js教程,我遇到了障碍.使用React时,它可以与我页面上的jsx转换器一起使用.一旦我删除该脚本并将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>

谢谢您的帮助!

Answer 1

<script type="text/jsx">

如果您不使用JSX,则应删除该类型.然后它将按预期工作.(小提琴)