react 之 prop-types

react 之 prop-types

原文地址

在开发过程当中，经常会用到Prop的type校验，但是React.PropTypes和React.createClass这两个功能在React 15.5之后版本被废弃了，所以从15.5版本开始，须要引入prop-types包来使用props校验。

使用步骤

1. 安装prop-types第三方包

   yarn add prop-types  //yarn
   npm install prop-types  //npm
   

2. 导入

   import PropTypes from 'prop-types' //ES6语法
   

3. 使用

   组件.propTypes = {
        
        propName: PropTypes.约束
   }
   //例
   App.propTypes = {
        
   	colors: PropTypes.array
   }
   

4. 常见的约束规则

   1. 常用类型

        PropTypes.array //数组
        PropTypes.bool  //布尔
        PropTypes.func  //函数
        PropTypes.object  //对象
        PropTypes.number  //数值
        PropTypes.string  //字符串
        PropTypes.symbol  //Symbol
        PropTypes.