• 十分钟学习 react配套的类型检测库——prop-types的运用


    js 有时在定义变量的类型为number 或string 时并不会报错,所以prop-types 是专门用来检测react ,以前的版本是把它放到react架构里面 ,现在作为一个独立的库搬出来了,跟redux 一样;

    1.首先你需要通过在终端npm install prop-types --save 安装一个叫prop-types的第三方包

    2. 然后通过下面的写法对你的某一个组件的props中的变量进行类型检测:

         组件名.propTypes = {
             属性1:属性1的变量类型,
             属性2:属性2的变量类型
            //...
         }
    

    3. 它不会检测null undefined ;

    4. 检测类型:

           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类型
          }
  • 相关阅读:
    WLAN设备接入过程
    802.1帧格式、帧类型详解
    SSID、BSSID、BSS等区分
    802.11协议详解
    bit、Byte、Mbps、Mb/s区别
    WLAN认证技术
    freemarker的简单使用案例
    关于throw、throws、try--catch的问题
    String去重方法
    常用典型的sql语句
  • 原文地址:https://www.cnblogs.com/panax/p/8951571.html
Copyright © 2020-2023  润新知