React Hooks中父组件调用子组件方法

父组件：

import {useRef} from 'react';

function A(){

  // 获取子组件对象
  const children= useRef();

  return (
    <div>
      <B ref={children}/>
    </div>
  );
}

export default A;

子组件：

import React, {forwardRef, useImperativeHandle} from "react";

function B(props,ref){
  // 暴露给父组件的方法
  useImperativeHandle(ref, () => ({
    getVal: () => {
      return '返回数据';
    }
  }))
​​​​​​​}

B = forwardRef(B);
export default B;