美文网首页
12. prop-types类型检测

12. prop-types类型检测

作者: dwy_interesting | 来源:发表于2018-11-06 20:33 被阅读0次

安装:在终端npm install prop-types安装一个叫prop-types的第三方包
引入:import PropTypes from 'prop-types';

使用:

//各类型检测
Son.propTypes = {
     optionalArray: PropTypes.array,//检测数组类型
     optionalBool: PropTypes.bool,//检测布尔类型
     optionalFunc: PropTypes.func,//检测函数(Function类型)
     optionalNumber: PropTypes.number,//检测数字
     optionalObject: PropTypes.object,//检测对象
     optionalString: PropTypes.string,//检测字符串
     optionalSymbol: PropTypes.symbol,//ES6新增的symbol类型
}
//对象检测
Son.propTypes = {
     object:PropTypes.shape({
     name:PropTypes.string,
     age:PropTypes.number
      })
}
//数组检测
Son.propTypes = {
     array:PropTypes.arrayOf(PropTypes.number)
}
//检测是否输入/存在,isRequired是必须输入/存在
Son.propTypes = {
    number:PropTypes.number.isRequired
}

相关文章

  • 12. prop-types类型检测

    安装:在终端npm install prop-types安装一个叫prop-types的第三方包引入:import...

  • propTypes类型检测

    propTypes:类型检测 一、安装 npm install prop-types 安装 prop-type...

  • prop-types

    在 React 中我们使用 prop-types 对组件的 prop 进行类型检测。 propTypes 能用来检...

  • prop-types检测props数据类型

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

  • prop-types

    在react中我们使用prop-types对组件的prop进行类型检测。接下来就来看一下怎么用它。 安装 最简单使...

  • React基础-context与prop-types

    context与prop-types用法 prop-types一般限制子组件传进来的props属性的数据类型,限制...

  • react中使用prop-types检测props数据类型

    一、为什么使用prop-types 在多人开发时,当被人使用自己定义的组件时,有可能出现类型传错的情况,而在自己的...

  • React基础

    1.指定类成员属性 1.新版React中移除了PropTypes属性,需通过'prop-types'库完成类型指定...

  • 类型检测

    一、方法1、typeof适合基本类型及function检测,遇到null失效。例子:typeof 100 ——"n...

  • 检测类型

    typeof:检测基本数据类型 例子: instanceof:检测引用类型 语法: result = variab...

网友评论

      本文标题:12. prop-types类型检测

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