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