super(props)の役割はなんでしょうか。現在一つしか分かっておりません。

Question

現在Reactを勉強しています。

表題の通り、super(props)の役割がわかりません。
１つ自分が理解しているのは、以下の記事です。
https://qiita.com/hand-dot/items/61a4b808f110b12e4281
この記事には、super(props)を書かないと、constructor内において、this.propsに接続できないと書いてあり、そちらは理解しました。自分で動かしたりして納得しています。
自分が理解できていないのは、以下のような場合です。

class Counter extends React.Component {
    constructor(props){
        super(props);
        this.handleAddOne = this.handleAddOne.bind(this)
        this.handleMinusOne = this.handleMinusOne.bind(this)
        this.handleReset = this.handleReset.bind(this)
        this.state = {
            count: 0

        };
    }
    handleAddOne(){
        this.setState((prevState) => {
            return {
                count: prevState.count + 1
            }
        })
    }
    handleMinusOne(){
        console.log("handleMinusOne")
    }
    handleReset(){
        console.log("handleReset")
    }
    render(){
        return (
            <div>
                <h1>Count: {this.state.count}</h1>
                <button onClick={this.handleAddOne}>+1</button>
                <button onClick={this.handleMinusOne}>-1</button>
                <button onClick={this.handleReset}>reset</button>
            </div>
        )
    }
}

ReactDOM.render(<Counter/>, document.getElementById('app'))

上記コードの場合、特にconstructor内でthis.propsに接続しているわけではありません（していないように見えます）。しかし、super(props)をコメントアウトすると、画面全体が消えてしまいます。
super(props)の役割は、constructor内でthis.propsに接続できるようにすることであると理解していた自分にとっては不可解でした。
ご存知の方はお教えください。
何卒よろしくお願いします。

Answer 1

superは親クラス（この場合はReact.Component）の関数呼び出しのキーワードです。
特にコンストラクタでsuper単独で使用される場合は、親クラスの「コンストラクタ」の呼び出しです。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/super

親クラスも、コンストラクタでいろんな処理をしています。

親クラスのコンストラクタがちゃんと呼ばれないと、当然親クラスのコンストラクタ内での処理がなされないので、親クラスの機能が使えなくなります。

この場合は、propsを使うための様々な処理は親クラスのコンストラクタ側がやってくれているので、親クラスのコンストラクタに子クラスのpropsを渡して、処理を依頼する必要がある、ということです。

（もしこれで理解できない場合、まず「クラス」と「継承」について調べた方が良いと思います）

Comments

[tomoharu]

了解しました。つまり、子クラスのpropsを親であるreact.componentに渡すということですよね。ありがとうございます。

[gentaro]

解決済みになってないですが、これ以上の説明が必要でしたか？

[tomoharu]

すみません。忘れておりました。。。解決済みにさせていただきます。

Answer 2

super(props)の役割は、constructor内でthis.propsに接続できるようにすることであると理解していた自分にとっては不可解でした。

継承したクラスにコンストラクタを書く場合、文法上superを書くことが必須となります（書かないとコンストラクタとして処理されません）。

Comments

[tomoharu]

ご回答ありがとうございます。自分の理解があっているか確認したいのですが、子クラスにおいてconstructorを使うのならば、その中にsuperを書かないと、子クラスの中でconstructorが処理されないという理解でよろしいでしょうか。