Question

React Component可能会从调用者（父级）接收一组参数（props）。是否有机制来检查是否只传递了必要的道具（不多也不少）？

我知道我们可以在运行时在构造函数中检查这些内容，但这会浪费资源。有没有办法在构建时间检查这些内容？

Answer 1

您可能正在寻找proptypes

以下链接的示例：

import PropTypes from 'prop-types';

class Greeting extends React.Component {
  render() {
    return (
      <h1>Hello, {this.props.name}</h1>
    );
  }
}

Greeting.propTypes = {
  name: PropTypes.string.isRequired
};

在上面的示例中，无论您使用Greeting组件，都应该发送name类型的道具string。否则你的申请将无法运行。

此检查将在开发阶段进行，以便我们可以进行必要的更改以发送正确的道具

明确检查React Component收到必要的道具？

1 个答案: