我正在使用 react-hook-form 在下一個 js 中創建一個注冊表單。我正在使用 v7。但是我在上傳檔案時遇到了一個新問題。這是我的表單組件。我為第 6 版找到了很多解決方案。但我對第 7 版感到很餓。
import React from "react";
import {useForm} from "react-hook-form";
function Test() {
const {register, handleSubmit} = useForm();
const onSubmit = (data) => {
console.log(data);
};
return (
<form onSubmit={handleSubmit(onSubmit)}>
<input {...register} type="file" name="picture"/>
<button>Submit</button>
</form>
);
}
export default Test;
但是在控制臺中我只得到一個空物件。喜歡下面的圖片
在這里，我的檔案串列或檔案資訊在哪里？我該如何解決。請幫忙。
這是 codeSandBox 鏈接 - https://codesandbox.io/s/youthful-glade-d4kq8
請不要關閉我的問題。請幫我。
uj5u.com熱心網友回復：
這很簡單。你必須寫
{...register("picture")}
并洗掉 name 屬性。
所以改變你的代碼
function Test() {
const {register, handleSubmit} = useForm();
const onSubmit = (data) => {
console.log(data);
};
return (
<form onSubmit={handleSubmit(onSubmit)}>
<input {...register("picture")} type="file"/>
<button>Submit</button>
</form>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/311238.html