CODEWITHSUNDEEP
javascriptreactjs
Munk
Munk

Reputation: 153

Precompiled JSX React,js is not working

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 compile the jsx to js it no longer works. I'm using the jsx compiler that React recommends 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: "commentBox"},
                            "Hello, world! I am a CommentBox."
                    )
            );
        }
    });
    React.render(
            React.createElement(CommentBox, null),
            document.getElementById('content')
    );
</script>

Thanks for the help!

Upvotes: 3

Views: 3006

Answers (1)

poke
poke

Reputation: 387815

<script type="text/jsx">

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

Upvotes: 10

Related Questions