ant design 的form组件的getFieldInstance使用案例

getFieldInstance 是 ant design 的 Form 组件中的一个方法，用于获取指定表单项的实例，可以用于对表单项进行操作。以下是一个使用案例：

假设我们有一个表单，其中包含一个输入框和一个按钮，点击按钮后需要获取输入框的值并进行一些操作，代码如下：

import React from 'react';
import { Form, Input, Button } from 'antd';

const MyForm = () => {
  const [form] = Form.useForm();

  const handleClick = () => {
    const inputInstance = form.getFieldInstance('inputField');
    const inputValue = inputInstance.value;
    // 对 inputValue 进行一些操作
  };

  return (
    <Form form={form}>
      <Form.Item name="inputField">
        <Input />
      </Form.Item>
      <Form.Item>
        <Button onClick={handleClick}>点击获取输入框的值</Button>
      </Form.Item>
    </Form>
  );
};

export default MyForm;

在上面的代码中，我们首先通过 Form.useForm() 获取到表单实例 form，然后在 handleClick 函数中使用 getFieldInstance 方法获取到输入框实例 inputInstance，通过 inputInstance.value 获取到输入框的值，最后对输入框的值进行一些操作。注意，在 getFieldInstance 方法中需要传入表单项的 name 属性值。