无法在 react-hook-form 中获取值形式输入

Question

我正在使用react-hook-form。

我有一个来自我的数据库的值，用于在初始加载时设置输入值。当我提交表单时，我失去了价值。

我该如何解决这个问题？

const FormCV = () => {
 const { register } = useForm();
 const onSubmit = (data) => {alert(JSON.stringify(data))};
 return (
   <form onSubmit={handleSubmit(onSubmit)}>
     <input
      type="text"
      value={newForm.companyname}
      {...register("companyname")}
     />
    </form>
  );
};

Answer 1

您需要删除 value 属性并在 react-hook-form 的 register 或 defaultProps 中设置 value。

---

选项 1

在register 中设置单个值。

const { register } = useForm(); // don't need default values set here
<input {...register("companyname",{ value: newForm.companyname })} ...otherProps />

---

选项 2

使用defaultValues设置输入值

const defaultValues = { companyname: newForm.companyname };
const { register } = useForm({ defaultValues });
<input {...register("companyname")} ...otherProps /> // don't need to set the value here