react props校验操作--PropTypes

说明：

对于组件来说，props是外来的，无法保证组件使用者传入什么格式的数据
如果传入的数据格式不对，可能会导致组件内部报错
关键问题：组件的使用者不知道明确的错误原因

作用

1.允许创建组件的时候 指定props的类型，格式
2.捕获使用组件时因为props导致的错误，给出明确的错误指示 增加组件的健壮性

使用步骤

1.下载安装

npm i prop-types 
or
yarn add prop-types

2.在需要的组件中导入prop-types包

import PropTypes from 'prop-types'

3.使用组件名.propTypes={} 来给组件的props添加校验规则

校验规则通过PropTypes对象来指定 （注意propTypes 和 PropTypes 的写法）

App.propTypes = {
  colors: PropTypes.array //规定传入的值的类型为数组
  
 **约束规则**
1.常见类型：array  bool  func  number   object   string
2.React元素：element
3.必填项：isRequired     例如：PropTypes.func.isRequired 
4.特定结构的对象  shape({})
}

4. 给props设置 默认值

例如场景：分页组件—>每页显示的默认条数
作用：给props设置默认值 在未传入props时生效

App.defaultProps={
  pageSize:10
}