React.js 代码无效

Question

我是 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>

Answer 1

您没有关闭 title 标签。这个：<title> React.js <title> 应该是这个：<title> React.js </title>。如果您更改它，标题将按应有的方式呈现。

React.js 代码无效

React.js code not working

reactjs