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>

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

1 个答案: