React之PropTypes
来源:互联网 发布:网络教育法学类本科 编辑:程序博客网 时间:2024/06/02 07:28
刚开始学习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
0 0
- React之PropTypes
- react教程之PropTypes
- React之PropTypes属性
- react PropTypes
- React.PropTypes
- React 的PropTypes
- React的PropTypes 验证
- react-native PropTypes
- import {PropTypes} from 'react'; PropTypes is undefined
- React组件属性类--propTypes
- React组件的属性PropTypes
- React学习(六)PropTypes
- react用PropTypes检测类型
- React组件属性类--propTypes
- React Native 报PropTypes 问题
- react.js-06-propTypes类型校验
- React组件属性类型(propTypes)
- React Native Don't Call PropTypes Warning
- 软件测试-登录测试
- 记录学习向量的铭心刻骨的句子
- POJ 1002--487-3276
- OS、SQL、计网、计组review
- 使用Spark构建聚类模型
- React之PropTypes
- 两棵树都是空树,或者非空且具有相似的左子树和右子树,则这两棵树是相似的。编写一个函数以确定是否两棵二叉树是相似的
- Java对象的序列化与反序列化
- 异常 java.lang.ClassNotFoundException com.mysql.jdbc.Driver 解决方法
- nyoj646
- HD 1003 Max Sum (最大字段和问题)
- Volley框架封装Adapter用法总结
- Linux平台上搭建apache+tomcat负载均衡集群
- C语言中%d,%o,%f,%e,%x的意义