Reactjsは、私は以下のように2つのコンポーネントを持つ親コンポーネント

Question

のcomponentWillMountを呼び出します。親コンポーネントのcomponentWillMountメソッドをどう呼びますか？

おかげ

Answer 1

 class Child extends Parent 
     { 
     componentWillMount() { 
      super.componentWillMount() ; //parent componentWillMount 
      console.log('child componentWillMount'); 
     } 
     } 

説明：

Child#componentWillMountオーバーライドParent#componentWillMountを。だから、：

• あなたは、余分なロジックを追加することなくParent#componentWillMountのロジックのみが必要な場合は、ChildからcomponentWillMountを削除することを推奨します。

• あなたは、いくつかのロジックを追加してParent#componentWillMountを呼び出すChild#componentWillMountを保持し、それsuper.componentWillMount();

Answer 2

あなたがフォローの方法で親のメソッドを呼び出すことができます。

class Child extends Perent { 
    componentWillMount() { 
     super(); 

     // Insert your child specific code here 
    } 
} 

しかしBen Nyrberg already mentioned in the commentsとして、それは良い練習ではありません。

反応させ方法に従って、コンポーネント・コードを再利用するのをお勧めは成分組成である：

class Parent extends React.Component { 
    componentWillMount() { 
     // Reusable functionality here 
    } 

    render() { 
     return {this.props.children} 
    } 
} 

class Child extends React.Component { 
    componentWillMount() { 
     // Child specific functionality 
    } 

    render() { 
     return <div>Whatever you want</div> 
    } 
} 


class App extends React.Component { 
    render() { 
     return <Parent> 
      <Child /> 
     </Parent> 
    } 
}