美文网首页
React-5:组件之 props 验证

React-5:组件之 props 验证

作者: kino2046 | 来源:发表于2020-02-26 02:16 被阅读0次

    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 验证

          本文链接:https://www.haomeiwen.com/subject/zqwlchtx.html