子供が発送したときに親に通知する方法？

Question

深いネストされた場合、どうすれば親コンポーネントnotifychildrenコンポーネントdispatches？

class ParentComponent extends Component { 
    render() { 
     return (
      <div> 
       {this.props.children} 
      </div> 
     ); 
    } 
} 

子供はどんな深さでも構いません。

<Component1> 
    <Component2> 
     <ComponentThatWillDispatch /> 
    </Component2> 
</Component1> 

Answer 1

子から親に通知を受けるには二つの方法、

1. ComponentWillReceiveProps、

、親から子へのアクションを渡すがあります。 コンポーネントWi llReceiveProps

それは戻って、以前の小道具や新しい小道具、あなたの行動があなたの子コンポーネントからトリガされるように、そのコンポーネントは、パラメータ

としてアクションを渡す

を通知されますので、それになりますあなたの親componwentは機能が

class ParentComponent extends Component { 
    constructor() { 
     this.myAction= this.myAction.bind(this); 
    } 
    render() { 
     return (
      <div> 
      <Component1> 
       <Component2 > 
        <ComponentThatWillDispatch myaction={this.myAction}/> 
       </Component2> 
      </Component1> 
      </div> 
     ); 
    } 
    myAction(){ 
     alert("Called ") 
    } 
} 

あなたの時間をトリガされている知っているので、親から派遣されますあなたのコンポーネントをインポートするには