import PropTypes from 'prop-types';

MyComponent.propTypes = {

  // 你可以将属性声明为以下 JS 原生类型

  optionalArray: PropTypes.array,

  optionalBool: PropTypes.bool,

  optionalFunc: PropTypes.func,

  optionalNumber: PropTypes.number,

  optionalObject: PropTypes.object,

  optionalString: PropTypes.string,

  optionalSymbol: PropTypes.symbol,

  // 任何可被渲染的元素（包括数字、字符串、子元素或数组）。

  optionalNode: PropTypes.node,

  // 一个 React 元素

  optionalElement: PropTypes.element,

  // 你也可以声明属性为某个类的实例，这里使用 JS 的

  // instanceof 操作符实现。

  optionalMessage: PropTypes.instanceOf(Message),

  // 你也可以限制你的属性值是某个特定值之一

  optionalEnum: PropTypes.oneOf(['News', 'Photos']),

  // 限制它为列举类型之一的对象

  optionalUnion: PropTypes.oneOfType([

    PropTypes.string,

    PropTypes.number,

    PropTypes.instanceOf(Message)

  ]),

  // 一个指定元素类型的数组

  optionalArrayOf: PropTypes.arrayOf(PropTypes.number),

  // 一个指定类型的对象

  optionalObjectOf: PropTypes.objectOf(PropTypes.number),

  // 一个指定属性及其类型的对象

  optionalObjectWithShape: PropTypes.shape({

    color: PropTypes.string,

    fontSize: PropTypes.number

  }),

  // 你也可以在任何 PropTypes 属性后面加上 `isRequired`

  // 后缀，这样如果这个属性父组件没有提供时，会打印警告信息

  requiredFunc: PropTypes.func.isRequired,

  // 任意类型的数据

  requiredAny: PropTypes.any.isRequired,

  // 你也可以指定一个自定义验证器。它应该在验证失败时返回

  // 一个 Error 对象而不是 `console.warn` 或抛出异常。

  // 不过在 `oneOfType` 中它不起作用。

  customProp: function(props, propName, componentName) {

    if (!/matchme/.test(props[propName])) {

      return new Error(

        'Invalid prop `' + propName + '` supplied to' +

        ' `' + componentName + '`. Validation failed.'

      );

    }

  },

  // 不过你可以提供一个自定义的 `arrayOf` 或 `objectOf`

  // 验证器，它应该在验证失败时返回一个 Error 对象。 它被用

  // 于验证数组或对象的每个值。验证器前两个参数的第一个是数组

  // 或对象本身，第二个是它们对应的键。

  customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {

    if (!/matchme/.test(propValue[key])) {

      return new Error(

        'Invalid prop `' + propFullName + '` supplied to' +

        ' `' + componentName + '`. Validation failed.'

      );

    }

  })

};