为什么我的反应 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 组件，只需创建一个局部变量 大写字母：

以下内容将按预期呈现：

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