项目中遇到的 ref 几种情况下的使用记录

项目中遇到的 ref 几种情况下的使用记录

一、函数组件
(1) <Form>组件中：ref={ref => (FormRef = ref)}

import React, {
    useRef } from 'react';
import {
     Input, Form, Row, Col } from 'antd';
const {
    TextArea } = Input;

const Delete = props => {
   
    let FormRef = useRef();
    const saveData = () => {
   
        console.log(FormRef);
    }
    props.modalControl.registerOk(() => saveData());

    return (
        <Form
            ref={
   ref => (FormRef = ref)}
        >
            <Row gutter={
   {
    md: 8, lg