reactjs内の親コンポーネントから子コンポーネントメソッドを呼び出す

Question

reactjs内の親コンポーネント から子コンポーネントメソッドを呼び出す必要があります。私はrefsを使ってみましたが、できませんでした。誰でも任意の解決策を提案できますか？おかげさまで

Answer 1

は親に

ホイスト機能を:)と小道具としてダウンデータを渡さないでください。子供が同じことをする必要がある場合に備えて、同じ関数を渡すことができます。

https://facebook.github.io/react/docs/lifting-state-up.html

Answer 2

あなたは、子コンポーネントへの参照を代入して、

class Parent extends React.Component { 
    callChildFunction =() => { 
     this.child.handleActionParent(); ///calling a child function here 
    } 
    render(){ 
     return (
      <div> 
      {/* other things */} 
      <Child ref={(cd) => this.child = cd}/> 
      </div> 
    ) 
    } 
} 

class Child extends React.Component { 
    handleActionParent =() => { 
     console.log('called from parent') 
    } 
    render() { 
     return (
      {/*...*/} 
    ) 
    } 
} 

のような関数形の親を呼び出すことができます