这应该是什么类型的错误？

Question

以这段代码为例：

class Wizard extends Component {
    constructor(props) {
        super(props);

        this.state = {
            steps: this.props.children ? this.props.children.length : null
        }
    }

    componentWillMount() {
        if (this.state.steps === null) {
            throw new Error(
                "The <Wizard /> component requires <Step /> components as children"
            );
        }
    }
}

这应该是什么类型的错误？我觉得应该有一个RequirementError，但我从来没有听说过。

Answer 1

所以我认为这是一个 PropType 错误，由 React 的 PropTypes 模块处理。这是文档页面的链接：

Typechecking with PropTypes

PropTypes 将对组件的 props（恰当命名）运行类型检查，并根据它们是否缺少必需的键来抛出信息/错误消息。

代码示例：

import PropTypes from 'prop-types';

class MyComponent extends React.Component {
  render() {
    // This must be an array of children or it will warn.
    const children = this.props.children;
    return (
      <div>
        {children}
      </div>
    );
  }
}

MyComponent.propTypes = {
  children: PropTypes.arrayOf(PropTypes.element).isRequired
};

编辑：脱离 React 的上下文，我认为错误类型是 ChildType 错误