不提供FileList的react-hook-form材料ui文件上载

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

const FileUploadForm = () => {
  const { register, handleSubmit } = useForm();
  
  const onDrop = (acceptedFiles) => {
    // 处理文件上传逻辑
    console.log(acceptedFiles);
  };
  
  const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });
  
  const onSubmit = (data) => {
    // 处理表单提交逻辑
    console.log(data);
  };
  
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <div {...getRootProps()}>
        <input {...getInputProps()} />
        {isDragActive ? (
          <p>将文件拖放到此处</p>
        ) : (
          <p>点击此处选择文件</p>
        )}
      </div>
      <button type="submit">提交</button>
    </form>
  );
};

export default FileUploadForm;