我正在尝试创建一个自定义PropType,用于检查数组是否具有数值并且长度为2(并且对数字的排序有一些约束).
显然我可以为前两个约束做Array.PropType.arrayOf(Array.PropType.number).
我想在我的自定义PropType中重用它(而不是推出我自己的数字和数组检查).
我怎么做?
最佳答案
React.PropTypes.arrayOf(React.PropTypes.number)只返回一个函数,因此您可以提供自己的函数来执行验证.
您的函数将传递三个参数:props,propName,componentName
从文档中查看React.PropTypes中显示的倒数第二个示例.
所以应该满足你的约束的函数是:
function isTwoelementArrayOfNumbers( props,componentName ){
var _array = props[ propName ];
if( _array && _array.constructor === Array && _array.length === 2 ){
if( !_array.every(
function isNumber( element ){
return typeof element === 'number';
})
){
return new Error('elements must be numbers!');
}
}
else{
return new Error('2 element array of numbers not provided!');
}
}
...in your react element
propTypes:{
numArray: isTwoelementArrayOfNumbers
},
原文地址:https://www.jb51.cc/js/428968.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。