在不在其中访问props的情况下,在React构造函数中将props传递给super()的原因是什么？

Question

我见过许多代码片段,例如HelloWorld,props传递到哪里super().在构造函数中this.props 未访问时,这样做的原因是什么？

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

        this.state = { message: 'Hi' };
        this.logMessage = this.logMessage.bind(this);
    }

    logMessage() {
        console.log(this.state.message);
    }

    render() {
        return (
            <input type="button" value="Log" onClick={this.logMessage} />
        );
    }
}

Answer 1

React 组件的构造函数在安装之前被调用。当实现 React 组件子类的构造函数时，您应该super(props)在任何其他语句之前调用。 否则，this.props将在构造函数中未定义，这可能会导致错误。

请阅读此处了解更多详细信息。