[Solved]-When making react components es6 syntax why is super initialised with props?-Reactjs

you need to pass props in super only if you want to access this.props in constructor of the class.

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'));

props are by default not assigned in the constructor. they are assinged in the method react.createelement. so super(props) should be called only when the superclass's constructor manually assings props to this.props. when you just extend the react.component calling super(props) method will do nothing with props.

reference:

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