javascript - Precompiled JSX React,js is not working - Stack Overflow

admin管理员组

文章数量:1329937

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

Share Improve this question Follow edited Jan 30, 2016 at 10:25 Dmitry Shvedov 3,30644 gold badges4040 silver badges5656 bronze badges asked Mar 26, 2015 at 14:14 MunkMunk 15311 silver badge77 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

<script type="text/jsx">

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

本文标签： javascriptPrecompiled JSX Reactjs is not workingStack Overflow