React类型检测prop-types的基本使用

使用背景：

        当我们需要接收的数据是array类型，而父组件却传递了一个"123"

        或者是我们忘记传递数据

当父子组件之间通过props传递数据时，通过对组件数据进行类型检测，有效监控数据，--当数据传递类型出错或者传递空数据我们可以找到出错的精准位置，更省时方便

下载安装

        npm i prop-types --save

使用步骤

        1.在子组件中导入   import  PropTypes  from  'prop-types' 

        2.与render同级

        static propTypes={

                属性：PropTypes.类型.(是否必填，不能为空)

        }

 static  propTypes = {
        arr:PropTypes.array,
        add:PropTypes.func.isRequired
    }

        3.在父组件中传递属性

<CheckAll arr={this.state.arr} add={this.add}></CheckAll>

如上所示，要接收的add属性是一个函数型，并且不能为空，如果我们传递的数据类型错误，或者为空，他就会给我们报错

检测类型

字符串    PropTypes.string

数字       PropTypes.number

布尔       PropTypes.bool

对象       PropTypes.object

数组       PropTypes.array

函数       PropTypes.func

我们打印PropTypes