检查prop是否通过验证

import React from 'react';
import PropTypes from 'prop-types';

class MyComponent extends React.Component {
  render() {
    return <div>{this.props.message}</div>;
  }
}

MyComponent.propTypes = {
  message: PropTypes.string.isRequired, // 字符串且必填
  count: PropTypes.number, // 数字，非必填，默认值为0
  isVisible: PropTypes.bool, // 布尔值，非必填，默认值为true
};

MyComponent.defaultProps = {
  count: 0,
  isVisible: true,
};

export default MyComponent;

npm install prop-types --save

yarn add prop-types

function positiveInteger(props, propName, componentName) {
  const value = props[propName];
  if (!Number.isInteger(value) || value <= 0) {
    return new Error(
      `Invalid prop \`${propName}\` supplied to \`${componentName}\`. Expected a positive integer.`
    );
  }
}

MyComponent.propTypes = {
  id: positiveInteger, // 使用自定义验证器
};