在制作反应组件 es6 语法时，为什么用道具超级初始化？ [复制]

Question

我想我不太擅长 JavaScript。
这就是我看到反应组件初始化的方式。初始设置状态在构造函数中完成。
export class Counter extends React.Component { constructor(props) { super(props); this.state = {count: props.initialCount}; }

为什么总是有super(props)。这是必需的吗？打电话超级有必要吗？如果不调用 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 方法中分配。所以super(props) 应该只在超类的构造函数手动将props 分配给this.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