React.js code not working

Question

i am newbie to react.js and i was going through a tutorial to start with.

I tried both the jsx format and non jsx format code. however i am not getting the output displayed. I checked the console and no errors reported in chrome.

what am i missing here?

My code:

<!DOCTYPE html>
<head>
<meta charset = "UTF-8">
<title> React.js <title>

<script type="text/javascript" src = "http://fb.me/react-0.12.2.js"></script>
<script type="text/javascript" src = "http://fb.me/JSXTransformer-0.12.2.js"></script>
</head>

<body>

<script type="text/jsx">

/*var App = React.createClass(
{
   render:function()
   {
        return <h1> Hello there </h1>
   }

});

React.render(<App />, document.body);*/


</script>

<script>

    var App = React.createClass(
        {
            render: function()
            {
                return React.DOM.h1(null,"Hi  there")
            }
        });

    React.render(App(), document.body);


</script>




</body>

</html>

You have forgotten to close your title tag

Edgesoft
– Edgesoft

2015-05-27 08:09:27 +00:00
Commented May 27, 2015 at 8:09 — Edgesoft
– Edgesoft, Commented May 27, 2015 at 8:09
oh! my bad. thx dart programmer!

krishna_v
– krishna_v

2015-05-27 08:11:13 +00:00
Commented May 27, 2015 at 8:11 — krishna_v
– krishna_v, Commented May 27, 2015 at 8:11

Anders Ekdahl · Accepted Answer · 2015-05-27 08:10:58Z

1

You're not closing the title tag. This: <title> React.js <title> should be this: <title> React.js </title>. If you change that, the heading renders like it should.

answered May 27, 2015 at 8:10

Anders Ekdahl

23k4 gold badges73 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React.js code not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related