12. prop-types类型检测

2018-11-06  本文已影响0人  dwy_interesting

安装:在终端npm install prop-types安装一个叫prop-types的第三方包
引入:import PropTypes from 'prop-types';

使用:

//各类型检测
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类型
}
//对象检测
Son.propTypes = {
     object:PropTypes.shape({
     name:PropTypes.string,
     age:PropTypes.number
      })
}
//数组检测
Son.propTypes = {
     array:PropTypes.arrayOf(PropTypes.number)
}
//检测是否输入/存在,isRequired是必须输入/存在
Son.propTypes = {
    number:PropTypes.number.isRequired
}
上一篇 下一篇

猜你喜欢

热点阅读