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子组件对父组件传递过来的值进行验证

以上。

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

上一篇:HDU 6214 Smallest Minimum Cut 最小割,权值编码


下一篇:[题解]AtCoder Beginner Contest 209 E