antd form 怎么写两种提交按钮

你可以在 Ant Design 的 Form 组件中使用两个不同的按钮来提交表单，例如：

import { Form, Button } from 'antd';

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

  const handleSubmit = (type) => {
    // 根据不同的按钮类型进行不同的处理
    if (type === 'save') {
      console.log('保存表单');
    } else if (type === 'submit') {
      console.log('提交表单');
    }
    // 执行表单提交操作
    form.submit();
  };

  return (
    <Form form={form}>
      {/* 表单项 */}
      <Form.Item>
        <Button type="primary" onClick={() => handleSubmit('submit')}>
          提交
        </Button>
        <Button onClick={() => handleSubmit('save')}>
          保存
        </Button>
      </Form.Item>
    </Form>
  );
};

在上面的代码中，我们使用了 Ant Design 的 Form 组件和 Button 组件。在表单项中，我们定义了两个按钮，一个是提交按钮，另一个是保存按钮。当用户点击这两个按钮时，会分别调用 `handleSubmit` 函数，并传入不同的参数来区分是提交操作还是保存操作。在 `handleSubmit` 函数中，我们可以根据不同的参数来执行不同的操作，并最终调用 `form.submit()` 方法来提交表单。