react学习记录（六）【数据类型验证】

都是写很零碎的知识片段。

数据验证
要先导入这个包。

import PropTypes from 'prop-types';

然后进行调用
验证TOdoli接收到的数据为number类型

组件.propTypes = {需要验证的数据接口 ： propTypes . 需要的数据类型 }

TodoLi.propTypes = {     //p首字母需要小写，不然报错
    handDelet : PropTypes.number        //p，首字母大写
   } 

一次验证多个数据

TodoLi.propTypes = {
    handDelet : PropTypes.func,
    itme : PropTypes.string,
    index : PropTypes.number
   }

要求必须传这个参数，不传就报错。
propTypes . 需要的数据类型…isRequired

TodoLi.propTypes = {
    itme : PropTypes.string.isRequired,
   }
 

各个类型的校验
【还有很多呢，自己去react文档看。。】

 optionalArray: PropTypes.array,     //数组
  optionalBool: PropTypes.bool,		//布尔
  optionalFunc: PropTypes.func,		//函数
  optionalNumber: PropTypes.number,		//数字
  optionalObject: PropTypes.object,		//对象
  optionalString: PropTypes.string,		//字符
  optionalSymbol: PropTypes.symbol,		//符号

设置默认值

Greeting.defaultProps = {
  name: 'Stranger'
};

–设置多个属性

.arrayOf