有关于from的使用

import { Form } from 'antd';

const [form] = Form.useForm();

const layout = {
  labelCol: { span: 8 },
  wrapperCol: { span: 16 },
};

// 确定之后的校验
const handleOk = () => {
  form
    .validateFields()
    .then((formValue) => {})
    .catch((errInfo) => {});
};

const onOk = async () => {
  try {
    await form.validateFields();
    const formData = form.getFieldsValue();
  } catch (errorInfo) {
    if (errorInfo?.errorFields?.length === 0) {
    }
  }
};

// 重置
const resetForm = () => {
  form.resetFields();
};

// 设置数据
form.setFieldsValue({ fundName: undefined });

// 获取数据
form.getFieldValue('fundName');

<Form name="name" form={form}>
  <Form.Item
    label="名称"
    name="fundName"
    labelCol={layout.labelCol}
    wrapperCol={layout.wrapperCol}
    rules={[
      {
        required: true,
        message: '请输入名称!',
      },
      {
        max: 30,
        message: '名称在30个字符内',
      },
    ]}
  />
  <Form.Item
    label="组合"
    name="combiCode"
    rules={[
      {
        required: true,
        validator: (rule, val, callback) => {
          if (val) {
            callback();
          } else {
            callback(new Error('请选择组合'));
          }
        },
      },
    ]}
  />
</Form>;