美文网首页
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 验证

    props验证 随着应用的不断增长,也是为了使程序设计更加严谨,我们通常需要对数据的类型(值)进行一些必要的验证,...

  • Vue3:组件化开发(下)

    1、 props 验证 1.1 什么是 props 验证 指的是:在封装组件时对外界传递过来的props 数据进行...

  • Vue组件的属性验证

    在组件中的props传入的参数验证 格式

  • 【Vue】组件 - 验证props

    本节需要基础:【Vue】组件通信(父传子 props) props主要作用是让父组件传值给子组件。 普通的传值方式...

  • prop的使用

    一.props验证机制 为组件的props指定验证规格,如果传入的数据不符合规格,Vue会发出警告。1.类型检查(...

  • 封装组件的注意事项

    数据从父组件传入 props属性中添加验证规则: 通过props传入的参数不建议对其进行操作,会同时修改父组件中的...

  • props验证

    在父组件传递给子组件的时候通常会用props来接收,但是接收形式有一定的规则 可以为组件的 props 指定验证规...

  • 7-React 组件之 props 验证

    React.js [TOC] props 验证 随着应用的不断增长,也是为了使程序设计更加严谨,我们通常需要对数据...

  • 2017-10-10

    props验证validator可以自定义验证函数 在组件引用时候需要在组件中添加一些和别的组件不一样的dom时候...

  • React基础篇之组件实例三大属性props

    props基本使用 对props进行限制 props的简写方式 函数组件使用props 上一篇:React基础篇之...

网友评论

      本文标题:React-5:组件之 props 验证

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