父组件（ class）调用子组件（hooks）的方法

父组件

interface initProps ={
}
class ListPage extends Component<initProps>{

  child: any = {} //主要加这个
 handlePage = (num: number): void => {
    // this.child.
    console.log(this.child.onChild())
  }
   onRef = ref => {
    this.child = ref
  }
render() {
return {
   <ListForm onSubmit={this.onSubmit} onRef={this.onRef} />
}
}



}

子组件

import React, { useImperativeHandle } from 'react'
interface ListFormProps {
  /** 申请完成触发 */
  onRef: any
}

const ListForm: React.FC<ListFormProps> = props => {
  const [form] = Form.useForm()

  //重置方法
  const onReset = () => {
    form.resetFields()
  }
}

 useImperativeHandle(props.onRef, () => ({
    // onChild 就是暴露给父组件的方法
    onChild: () => {
      return form.getFieldsValue()
    }
  }))

父组件（ class）调用 子组件（hooks）的方法

父组件（ class）调用子组件（hooks）的方法