yarn add prop-types
子组件在接收父组件传过来值得时候,可以对属性值进行类型检测
Son.propTypes = {
optionalArray: PropTypes.array,//检测数组类型
optionalBool: PropTypes.bool,//检测布尔类型
optionalFunc: PropTypes.func,//检测函数(Function类型)
optionalNumber: PropTypes.number,//检测数字
optionalObject: PropTypes.object,//检测对象
optionalString: PropTypes.string,//检测字符串
optionalSymbol: PropTypes.symbol,//ES6新增的symbol类型
}
传值给默认值
TodoItem.defaultProps={
test:'Hello World'
}
arrayOf,objectOf实现多重嵌套检测
arrayOf接收一个参数,这个参数是规定的数组元素的数据类型.objectOf接收的参数则是属性的数据类型
TodoItem.propTypes = {
array:PropTypes.arrayOf(PropTypes.number) //只能是数组,传得值只能是数字类型
array:PropTypes.oneOfType([PropTypes.number,PropTypes.string)]) //数字类型和字符串类型其中一个满足就可以
}