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,

你可能感兴趣的:(React-5:组件之 props 验证)