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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容