antd form 回车 提交

在Ant Design中，使用Form组件进行表单的开发时，可以通过监听输入框的回车事件来实现回车提交表单的功能。

首先，在Form组件的props中设置onFinish属性为一个回调函数，该回调函数会在表单验证成功后触发，即表单提交时执行的函数。

然后，在需要回车提交表单的输入框中，添加onKeyDown事件监听函数。当按下回车键时，触发该事件，在事件处理函数中调用Form组件的submit方法，实现表单的提交。

具体代码如下：

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

const onFinish = (values) => {
  // 执行表单提交的操作，比如向服务器发送请求等
  console.log('提交表单：', values);
};

const MyForm = () => {
  return (
    <Form onFinish={onFinish}>
      <Form.Item name="username" label="用户名">
        <Input onKeyDown={(e) => { if (e.key === 'Enter') form.submit(); }} />
      </Form.Item>
      <Form.Item name="password" label="密码">
        <Input.Password />
      </Form.Item>
      <Form.Item>
        <Button type="primary" htmlType="submit">提交</Button>
      </Form.Item>
    </Form>
  );
};

上面的代码中，输入框中的回车键事件监听函数中，通过判断e.key的值是否为'Enter'来确定是否为回车键按下事件，如果是则调用Form组件的submit方法来提交表单。

这样，当用户在输入框中按下回车键时，就会触发表单的提交操作，并执行onFinish回调函数中的逻辑。