typescript antd 中 from表单加载时有值

在 TypeScript 与 Ant Design (AntD) 开发中，当你使用 `Form` 组件进行数据绑定时，`from` 属性通常用于初始化表单的数据。当你设置 `form` 参数并传递一个已有数据的对象给 `from`，表单组件会在初次渲染时将这些值预填充到对应的字段上。

例如：

import { Form } from 'antd';
import { useForm } from 'antd-pro-form';

const { register } = useForm();

interface FormData {
  name: string;
  age: number;
}

const initialValues: FormData = {
  name: 'John Doe',
  age: 30,
};

const MyForm: React.FC = () => {
  const formRef = useRef<Form>(null);

  React.useEffect(() => {
    if (formRef.current) {
      // 将initialValues设置给form的当前状态
      formRef.current.setFieldsValue(initialValues);
    }
  }, [initialValues]);

  return (
    <Form ref={register} form={formRef}>
      {/* 表单字段 */}
      <Form.Item name="name" label="姓名" />
      <Form.Item name="age" label="年龄" type="number" />
    </Form>
  );
};

在这里，`initialValues` 对象中的键（如 `name` 和 `age`）应与表单中 `<Form.Item>` 的 `name` 属性匹配。这样，当页面加载时，表单就会显示已有的初始值。