无法以反应挂钩形式获取值形式输入

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

无法以反应挂钩形式获取值形式输入

Can't get value form input in react-hook-form

reactjs

react-hook-form

选项 1

选项 2