react 类型校验PropTypes

381 阅读1分钟
  • 校验类型有:

单个校验:

optionalArray: PropTypes.array,//检测数组类型

optionalBool: PropTypes.bool,//检测布尔类型

optionalFunc: PropTypes.func,//检测函数(Function类型)

optionalNumber: PropTypes.number,//检测数字

optionalObject: PropTypes.object,//检测对象

optionalString: PropTypes.string,//检测字符串

optionalSymbol: PropTypes.symbol,//ES6新增的symbol类型

多校验,满足其中一种类型:

 number:PropTypes.oneOfType(
     [PropTypes.string,PropTypes.number]
 )

例如:number:PropTypes.oneOf( [12,13]),数字为12或13

嵌套校验:

array:PropTypes.arrayOf(PropTypes.number)

内部多中类型校验:

object:PropTypes.shape({
    name:PropTypes.string,
    age:PropTypes.number
})