我正在尝试使用React Hook表单上传文件，并且使用了USECONTROLLER函数，并且我会遇到错误

Question

我正在创建一个多部分形式，其中使用React Hook形式的USECORTOR方法。我声明默认值

const methods = useForm({
  defaultValues: {
    email: "",
    course: "Enginering",
    program: "B.tech",
    mobielNumber: "",
    dob: "",
    gender: "",
    cityName: "",
    state: "",
    file:"",
  },
});  

，但是我得到的文件值是null可以告诉我，如果我必须声明文件输入，以便我可以获得值。

我在那里看到了文件

文件输入输入将需要在应用程序级别进行管理 能够取消文件选择和filelist对象。

这些意味着我必须宣布它的地方。

Answer 1

一天过后，我弄清楚了我们在使用USECONTROLLER发布文件时需要明确setValue的某些方式

，并且以某种方式 field 对象具有 value 的内部，它将得到e.target.value均为默认值，它类似于... fakepath/..不正确，因为文件在e.target.files内部上载

const { setValue } = useForm({
  defaultValues: {
     file: "",
    //.....
  }
})

const { field: { name, ref } } = useController({name, control, rules, defaultValue}); 

不包括 value ，因为usecontroller，因为 value 内部字段将导致错误如果与文件一起使用时，

const handleChange = (e) => {
   setValue('file', e.target.files);
}

<input name={name} ref={ref} type="file" multiple onChange={handleChange}/>

当您提交时，您将看到filelist，如果不是 facepath 正如我所说