React.js代码不起作用

时间:2015-05-27 08:02:53

标签: reactjs

我是react.js的新手,我正在通过一个教程开始。

我尝试了jsx格式和非jsx格式代码。但是我没有显示输出。我检查了控制台,并没有在chrome中报告错误。

我在这里缺少什么?

我的代码:

<!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>

1 个答案:

答案 0 :(得分:1)

您没有关闭title代码。这个:<title> React.js <title>应为:<title> React.js </title>。如果你改变它,标题会像它应该的那样呈现。