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...
以上。