React 父组件调用子组件方法

class Parent extends React.Component {
  render() {
    return(
      <div>
        //1 父组件调用子组件时传递一个 onRef 函数
        <Child onRef={(child) => { this.child = child }}/> 
      </div>
    );
  }

  parentFunction() {
    //3 通过 this.child 调用子组件的方法
    this.child.childFunction();
  }
}

class Child extends React.Component {
  componentDidMount() {
    //2 子组件 componentDidMount 中接收 onRef 并把 this 传给父组件
    this.props.onRef(this);
  }

  childFunction() {
    alert("我是子组件中的方法");
  }
}