react子组件对父组件传递过来的值进行验证

PropTypes是react中子组件对父组件传递来的值进行的验证，在项目没有集成ts/flow的情况下可以使用，且react中已原生支持

导入

import PropTypes from ‘prop-types‘  //由于是export default导出，可以重命名

使用

//声明一个子组件
const Son = props => (<div>这是父组件接收来的数据：{props.name}</div>)

//使用propTypes对子组件接收的数据进行验证,propTypes须小写

Son.propTypes = { 
  name: PropTypes.string  // 这意味着,传入的必须是string类型
}

如果父组件传入的类型不是PropTypes规定的类型，将会直接在控制台报错:

以上图为例，假设父组件传递了一个Boolean...

以上。

react子组件对父组件传递过来的值进行验证

原文：https://www.cnblogs.com/hjk1124/p/14998597.html