react 父组件触发子组件方法

子组件定义（函数组件）

import { useImperativeHandle, forwardRef } from 'react';

const AuditContent = forwardRef((props, ref) => {
  const [form] = Form.useForm();

  useImperativeHandle(ref, () => ({
    resetForm,
  }));
  // 重置表单
  const resetForm = () => {
    form.resetFields();
  };

子组件是类组件的话直接定义方法，父组件同样方式触发

父组件触发

constructor(props) {
    super(props);
    this.state = {
      visible: false,
    };
    this.auditRef = React.createRef();
  }
  
handleCancel = () => {
    this.auditRef.current.resetForm();
    this.setState({
      visible: false,
    });
  };
 // 子组件声明ref
<AuditContent
    ref={this.auditRef}
/>