• 十分钟学习 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类型
          }
  • 相关阅读:
    ubuntu下Nodic开发环境搭建
    usb_modeswitch移植
    STM32F4编程手册学习2_内存模型
    STM32F4 编程手册学习1_编程模型
    ARM架构中的程序执行与调用
    锲形文字 数字
    疑问
    lisp 题目
    面试官在面试时让我去破解一个软件,我成功了
    php CI ip限制
  • 原文地址:https://www.cnblogs.com/panax/p/8951571.html
Copyright © 2020-2023  润新知