react 组件props 限制

你可以使用 PropTypes 库来对 React 组件的 props 进行限制。PropTypes 库提供了许多不同的 prop 类型，例如字符串、数字、布尔值、对象、数组等，你可以选择适当的 prop 类型来限制组件的 props。

以下是一个使用 PropTypes 库对组件 props 进行限制的示例代码：

import PropTypes from 'prop-types';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>{this.props.title}</h1>
        <p>{this.props.description}</p>
      </div>
    );
  }
}

MyComponent.propTypes = {
  title: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired,
};

在这个示例中，我们使用 PropTypes.string 来限制 title 和 description props 的类型为字符串，并使用 isRequired 属性来指定这些 props 必须要有值。如果传递给组件的 props 不符合限制条件，PropTypes 库将会在控制台输出警告信息。

相似地，你也可以使用 PropTypes.number、PropTypes.bool、PropTypes.object、PropTypes.array 等来限制不同类型的 props。你还可以使用 PropTypes.shape() 方法来指定一个对象的属性类型限制，PropTypes.instanceOf() 方法来限制一个对象是一个特定类的实例，PropTypes.oneOf() 方法来限制一个 prop 的值是一个预定义的值中的一个，PropTypes.oneOfType() 方法来限制一个 prop 的类型是一组预定义的类型之一等等。