使用PropTypes进行类型检测
来源:互联网 发布:java比较日期相差天数 编辑:程序博客网 时间:2024/05/21 22:27
YourComponent.propTypes ={}
// 你可以定义一个js原始类型的prop,默认请情况下,这是都是可选的 optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalNumber: React.PropTypes.number, optionalObject: React.PropTypes.object, optionalString: React.PropTypes.string, optionalSymbol: React.PropTypes.symbol,
// 任何可以渲染的东西:数字,字符串,元素或数组(或片段)。 optionalNode: React.PropTypes.node, // React元素 optionalElement: React.PropTypes.element, // 你也可以声明prop是某个类的实例。 内部使用的是JS的instanceof运算符。 optionalMessage: React.PropTypes.instanceOf(Message), // 你可以通过将它作为枚举来确保你的prop被限制到特定的值。 optionalEnum: React.PropTypes.oneOf(['News', 'Photos']), // 可以是许多类型之一的对象 optionalUnion: React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.number, React.PropTypes.instanceOf(Message) ]),
// 某种类型的数组 optionalArrayOf: React.PropTypes.arrayOf(React.PropTypes.number), // 具有某种类型的属性值的对象 optionalObjectOf: React.PropTypes.objectOf(React.PropTypes.number), // 采取特定样式的对象 optionalObjectWithShape: React.PropTypes.shape({ color: React.PropTypes.string, fontSize: React.PropTypes.number }),
// 你可以用`isRequired`来连接到上面的任何一个类型,以确保如果没有提供props的话会显示一个警告。 requiredFunc: React.PropTypes.func.isRequired, // 任何数据类型 requiredAny: React.PropTypes.any.isRequired,
// 您还可以指定自定义类型检查器。 如果检查失败,它应该返回一个Error对象。 不要`console.warn`或throw,因为这不会在`oneOfType`内工作。 customProp: function(props, propName, componentName) { if (!/matchme/.test(props[propName])) { return new Error( 'Invalid prop `' + propName + '` supplied to' + ' `' + componentName + '`. Validation failed.' ); } }, // 您还可以为`arrayOf`和`objectOf`提供自定义类型检查器。 如果检查失败,它应该返回一个Error对象。 // 检查器将为数组或对象中的每个键调用验证函数。 // 检查器有两个参数,第一个参数是数组或对象本身,第二个是当前项的键。 customArrayProp: React.PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) { if (!/matchme/.test(propValue[key])) { return new Error( 'Invalid prop `' + propFullName + '` supplied to' + ' `' + componentName + '`. Validation failed.' ); } })};
阅读全文
0 0
- 使用PropTypes进行类型检测
- 使用PropTypes进行类型检测
- 十三、使用PropTypes进行类型检测
- React使用PropTypes进行类型检测
- 使用=React.PropTypes进行类型检测
- 使用propTypes进行类型检查
- react用PropTypes检测类型
- 浅谈React的类型检测——PropTypes
- 浅谈React的类型检测——PropTypes
- propTypes的使用
- react.js-06-propTypes类型校验
- React组件属性类型(propTypes)
- React组件属性类型(propTypes)
- 使用cvHoughCircles进行圆检测
- 使用IVersionedWorkspace进行版本检测
- React PropTypes 定义组件的属性类型和默认属性
- 使用模板进行类型转换
- 如何使用Jprofiler工具进行内存检测
- tf.app.flags.DEFINE_string()和tf.app.flags.FLAGS
- Tsinsen A1094 牛顿迭代法求方程的根
- HDU 1564 Play a game
- 分享Linux 系统生成随机密码的10种方法
- 数据分析展现选图
- 使用PropTypes进行类型检测
- SPRING接收前台传入List时,超过256报IndexOutOfBoundsException异常
- lintcode 二叉树的层次遍历系列问题 -解决方法和领会
- JavaScript处理数据完成左侧二级菜单的搭建
- 关于display:none和display:block的问题
- if condition连用
- linux下su和sudo的比较
- Python 获取中文字拼音首个字母
- Web应用程序项目XXXX已配置为使用IIS。无法访问IIS 元数据库。您没有足够的特权访问计算机上的IIS