react 检测传值类型

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)])    //数字类型和字符串类型其中一个满足就可以
}

你可能感兴趣的:(react 检测传值类型)