为什么我的react html渲染不能工作？
提问于 2015-09-28 15:55:06
我已经编写了一个简单的react组件，但它不会在页面上呈现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>
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-28 16:04:57
您的组件名称应以大写字母开头。从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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32827092
复制
腾讯云开发者
