如何使用react-hotkeys hook提交带有react-hook-form的表单

import React from 'react';
import { useForm } from 'react-hook-form';
import { useHotkeys } from 'react-hotkeys-hook';

const MyForm = () => {
  const { register, handleSubmit } = useForm();

  // 定义表单字段的验证规则
  const onSubmit = (data) => {
    console.log(data);
  };

  // 注册表单字段
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('name')} placeholder="Name" />
      <input {...register('email')} placeholder="Email" />
      <button type="submit">Submit</button>
    </form>
  );
};

const MyForm = () => {
  const { register, handleSubmit } = useForm();

  const onSubmit = (data) => {
    console.log(data);
  };

  useHotkeys('ctrl+enter', () => {
    handleSubmit(onSubmit)();
  });

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('name')} placeholder="Name" />
      <input {...register('email')} placeholder="Email" />
      <button type="submit">Submit</button>
    </form>
  );
};