從reactjs中的父組件調用子組件方法

Question

我有要求在reactjs中從父組件 調用子組件方法。我曾嘗試使用裁判，但無法做到這一點。任何人都可以提出任何解決方案 謝謝。

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 (
      {/*...*/} 
    ) 
    } 
}