为什么我的反应html渲染不起作用？

Question

我编写了一个简单的反应组件,但它没有在页面上呈现HTML.有人可以指导我在哪里做错了吗？

http://codepen.io/NehhaSharma/pen/EVNdJJ?editors=101

谢谢.

<div id="content"></div>
<script type="text/jsx">

var newComponent = React.createClass({
    render : function(){
        return (
            <h2>My Name is React</h2>
        );
    }

});

React.render(<newComponent/>,document.getElementById('content'));
</script>

Answer 1

您的组件名称应以大写字母开头.来自React Docs:

要呈现React Component,只需创建一个以大写字母开头的局部变量:

以下将按预期呈现:

<div id="content"></div>
<script type="text/jsx">

var NewComponent = React.createClass({
    render : function(){
        return (
            <h2>My Name is React</h2>
        );
    }

});

React.render(<NewComponent/>,document.getElementById('content'));
</script>