oneOfType:指定多个类型中的一个 arrayOf:指定数组中的每个元素都是特定类型 objectOf:指定对象中的每个值都是特定类型 shape:指定对象具有特定的属性集合 在React组件中使用PropTypes的示例代码如下: 代码语言:txt 复制 import React from 'react'; import PropTypes from 'prop-type
// 数组类型PropTypes.array// 布尔类型PropTypes.bool// 函数类型PropTypes.func// 数值类型PropTypes.number// 对象类型PropTypes.object// 字符串类型PropTypes.string// 规定prop为必传字段PropTypes.(类型).isRequired// prop为任意类型PropTypes.any.isRequired 给自定义属性设置初始值 如果想要给自定义属性添加默认...
customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {if(!/matchme/.test(propValue[key])) {returnnewError('Invalid prop `' + propFullName + '` supplied to' + ' `' + componentName + '`. Validation failed.'); } }) }; import PropTypes fro...
https://reactjs.org/docs/typechecking-with-proptypes.html react官方 三、安装与引入 1 2 3 4 //安装 npm install prop-types --save //引入 importPropTypes from'prop-types'; 四、它可以检测的类型 1 2 3 4 5 6 7 optionalArray: PropTypes.array, optionalBool: PropTypes.bool, optionalFunc: Pro...
elements or an array// (or fragment) containing these types.optionalNode:PropTypes.node,// A React element.optionalElement:PropTypes.element,// 声明一个prop是某个类的实例,用到了JS的instanceof运算符optionalMessage:PropTypes.instanceOf(Message),// 用enum来限制prop只接受特定的值optionalEnum:PropTypes...
// 不强制使用prop-types 'react/prop-types': 0, }, }; 1. 2. 3. 4. 5. 6. propTypes提供的验证器 原生类型 可以将属性声明为 JS 原生类型,默认情况下这些属性都是可选的。 Switch.propTypes = { optionalArray: PropTypes.array, optionalBool: PropTypes.bool, ...
npm install prop-types --save /* yarn add prop-types */ // 引入 import PropTypes from 'prop-types'; 3、可以检测的类型 optionalArray: PropTypes.array, optionalBool: PropTypes.bool, optionalFunc: PropTypes.func, optionalNumber: PropTypes.number, ...
'Invalid prop `' + propName + '` supplied to' + ' `' + componentName + '`. Validation failed.' ); } }, // 也可以声明`arrayOf`和`objectOf`类型的验证器,如果验证失败需要返回Error对象。 // 会在数组或者对象的每一个元素上调用验证器。验证器的前两个参数分别是数组或者对象本身, ...
Warning: Failed propType: Invalid prop `optionalArray` of type `string` supplied to `Propsva`, expected `array`. 这是一种情况,验证Props的数据类型。还有一种情况就是验证Props是否有值。看下面的代码 propTypes: { optionalArray: React.PropTypes.array.isRequired, ...
PropTypes 库来验证组件的 Props：import React from 'react'; import PropTypes from 'prop-types'; ...