美文网首页
12. prop-types类型检测

12. prop-types类型检测

作者: dwy_interesting | 来源:发表于2018-11-06 20:33 被阅读0次

    安装:在终端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
    }
    

    相关文章

      网友评论

          本文标题:12. prop-types类型检测

          本文链接:https://www.haomeiwen.com/subject/ltbuxqtx.html