react如何实现父组件调用子组件函数

react如何实现父组件调用子组件函数，下面web建站小编给大家详细介绍一下实现代码！

实现代码如下：

class father extends Component {
  constructer(props) {
    super(props);
    this.state={
     a: '1',
     b: '2',
    }
    this.myRef
    this.test = this.test.bind(this)
  }
  hange() {
   const { a,b } = this.state
   console.log(this.myRef.test(a,b)) // 直接调用实例化后的Children组件对象里函数
  }
  render() {
   <Children wrappedComponentRef={(inst) => { this.myRef = inst } } ref={(inst) => { this.myRef = inst } } />  
   <button onClick={this.test}>点击</button>
  }
}

ps：wrappedComponentRef是react-router v4中用来解决高阶组件无法正确获取到ref。