React-5：组件之 props 验证

props 验证

        随着应用的不断增长，也是为了使程序设计更加严谨，我们通常需要对数据的类型（值）进行一些必要的验证，React.js 提供了

        一个验证库：prop-types

---

prop-types

        prop-types 是一个独立的库，需要安装

        https://www.npmjs.com/package/prop-types

安装

        npm i -S prop-types

使用

        import PropTypes from 'prop-types'

它的使用并不复杂，与 defaultProps 类似，我们在组件类下添加一个静态属性 propTypes ，它的值也是一个对象，key 是要验证的属性名称，value 是验证规则

 

  optionalArray: PropTypes.array,

  optionalBool: PropTypes.bool,

  optionalFunc: PropTypes.func,

  optionalNumber: PropTypes.number,

  optionalObject: PropTypes.object,

  optionalString: PropTypes.string,

  optionalSymbol: PropTypes.symbol,