React、子クラスが継承してマウントされたとき、親クラスはライフサイクルメソッドを実行しますか？

Question

ChildコンポーネントはBaseComponentsetTitleメソッドを呼び出すことができます。

ただし、Childコンポーネントを搭載した場合、BaseComponent 'ライフサイクルメソッドcomponentDidMountは実行されません。

class BaseComponent extends React.Component{ 
 
    componentDidMount() { 
 
     console.log('baseComponent componentDidMount') 
 
    } 
 
    
 
    setTitle(title) { 
 
     document.title = title || 'default title' 
 
    } 
 
} 
 
class Child extends BaseComponent{ 
 
    constructor() { 
 
     super(); 
 
    } 
 
    
 
    componentDidMount() { 
 
     this.setTitle(); 
 
     console.log('child componentDidMount') 
 
    } 
 
    
 
    render() { 
 
     return <div>react is awesome</div> 
 
    } 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

私も多分HOCがよりよい解決策を知っています。 es5を使用する場合は、mixinsが最適です。 しかしそれは私の質問ではありません。したがって、ライフサイクルメソッドBaseComponentを実行することは可能ですか？

Answer 1

継承を避ける必要があります。あなたが言ったように、HOCが...あなたの情報について 移動するための方法である、あなたはスーパーで親クラスを呼び出すことができます。

興味深い

class Child extends BaseComponent{ 

    componentDidMount() { 
     super.componentDidMount(); // Call the parent class 
     this.setTitle(); 
     console.log('child componentDidMount') 
    } 

    render() { 
     return <div>react is awesome</div> 
    } 
}