component不能正常显示
2016-03-24 17:06
295 查看
我没有认真读文档,但是我发现好像componnet的name第一个字母如果不大写的话我们就无法正常显示我们的componnent
<!DOCTYPE html>
<html>
<head>
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
var Danxuan = React.createClass({
getDefaultProps: function()
{
return{
name:"Frank"
}
},
render: function() {
return <h1>Hello {this.props.name}</h1>;
}
});
ReactDOM.render(
<Danxuan name="LUO"/>,
document.getElementById('example')
);
</script>
</body>
</html>
这是一个很简单的测试用例,但是当我把Danxuan 改成danxuan的时候 console并没有报错但是我们无法正常显示我们需要显示的component
<!DOCTYPE html>
<html>
<head>
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
var Danxuan = React.createClass({
getDefaultProps: function()
{
return{
name:"Frank"
}
},
render: function() {
return <h1>Hello {this.props.name}</h1>;
}
});
ReactDOM.render(
<Danxuan name="LUO"/>,
document.getElementById('example')
);
</script>
</body>
</html>
这是一个很简单的测试用例,但是当我把Danxuan 改成danxuan的时候 console并没有报错但是我们无法正常显示我们需要显示的component
相关文章推荐
- centos安装redis3.0.0集群
- AFNetworking从1.0 到2。0的转换
- redis初步使用
- python 安装setuptools和pip
- 用户、角色、权限数据库设计
- 聊聊并发(一)——深入分析Volatile的实现原理
- 一半在外的按钮布局效果实现
- hdu2018java
- leetcode 179. Largest Number
- 第一次接触Web HighCharts 呵呵 Hello一下
- 4.1
- ueditor的核心代码
- 关于MPU6050姿态解算的理解与认识
- jquery
- (4.2.23)又一个material design风格的progressbar
- 如何根据屏幕大小改变class的css样式
- zabbix监控误报的问题
- javascript-leftpad方法
- Unity3d热更新(四):压缩文件
- Android中的设计模式--建造者模式