刚开始学习react,看到视频里有老师用PropTypes这个首次见面的组件,查看了几篇文章,顿时恍然大悟。
官网对它的介绍Reusable Components PropTypes可以验证用户输入数据的有效性,先上代码
propTypes:{
name:React.PropTypes.string.isRequired
},
设定输入数据为字符串型,isRequired
表示不能为空,另外,
getDefaultProps:function(){
return {
name:”kkll”
}
},
getDefaultProps
用于设定默认值,这里设置name默认值为kkll
看下运行结果
如果修改name的值得类型,会怎样呢?
虽然结果会显示,但是我们可以看到控制台会出现一条警告:
参考文档:推酷http://www.tuicool.com/articles/Ubm6zeE
react中文网:http://www.css88.com/react/docs/reusable-components.html