无法使用react钩子表单获取文件上载的formData值

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

function FileUploadForm() {
  const { register, handleSubmit } = useForm();

  const onSubmit = (data) => {
    const formData = new FormData();
    formData.append('file', data.file[0]);

    // 在这里可以使用formData进行文件上传的操作
    // 例如，使用axios库发送POST请求
    // axios.post('/upload', formData)
    //   .then(response => {
    //     // 处理上传成功的逻辑
    //   })
    //   .catch(error => {
    //     // 处理上传失败的逻辑
    //   });
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input type="file" {...register('file')} />
      <button type="submit">上传文件</button>
    </form>
  );
}

export default FileUploadForm;