Hi I am working through the React.js tutorials and I ran into a snag. When using React it works fine with the jsx transformer on my page. Once I remove that script and pile the jsx to js it no longer works. I'm using the jsx piler that React remends on their page. Here's my code:

jsFiddle

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

Thanks for the help!

Hi I am working through the React.js tutorials and I ran into a snag. When using React it works fine with the jsx transformer on my page. Once I remove that script and pile the jsx to js it no longer works. I'm using the jsx piler that React remends on their page. Here's my code:

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: "mentBox"},
                            "Hello, world! I am a CommentBox."
                    )
            );
        }
    });
    React.render(
            React.createElement(CommentBox, null),
            document.getElementById('content')
    );
</script>

Thanks for the help!

• javascript
• reactjs

1 Answer 1

<script type="text/jsx">

If you don’t use JSX, you should remove that type. Then it will work as expected. (Fiddle)