制作react components es6语法时，为什么要使用道具进行超级初始化？[副本]

Question

我想我不太擅长JavaScript。
这就是我所看到的初始化react组件的方式。初始设置状态在构造函数中完成。
导出类计数器扩展React.Component{constructor（props）{super（props）；this.state={count:props.initialCount}；}

为什么总是有一个超级（道具）。这是必需的吗？打电话有必要吗？如果不叫super怎么办？

Answer 1

只有当您想在类的构造函数中访问this.props时，才需要在super中传递props。

class Base extends React.Component {

    constructor(props) {
        console.log('Base', props);
    }

    render() {
        return <div>Base {this.props.name}</div>;
    }

}

class Sub extends Base {

    constructor(props) {
        super({
            name: 'New name prop'
        });
        console.log('Sub', arguments);
    }

}

var sub = <Sub name="Gomic" />

React.render(sub, document.getElementById('container'));

默认情况下，不会在构造函数中指定道具。它们在方法React.createElement中分配。因此，只有当超类的构造函数手动将props分配给this.props时，才应该调用super（props）。当您只是扩展React.Component时，调用super（props）方法对props没有任何作用。

参考：

https://discuss.reactjs.org/t/should-we-include-the-props-parameter-to-class-constructors-when-declaring-components-using-es6-classes/2781/2