十分钟学习 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类型
      }