“react-hook-form” 使用禁用的输入返回 undefined。

huangapple go评论62阅读模式
英文:

"react-hook-form" with disabled input returns undefined

问题

在我的React应用中,我有一个带有一些输入字段的表单。我使用从react-hook-form导入的FormProvider包装这些字段,并在字段中使用register。

import { useForm, FormProvider, useFormContext } from "react-hook-form";

现在,其中一个输入字段被禁用,在提交时,我看不到这个禁用输入框的输入值。我该如何修复这个问题并获取禁用的表单输入?

英文:

In my React app, I have a form with a couple of input fields. I wrap the fields with FormProvider imported from react-hook-form and use register in the fields

import { useForm, FormProvider, useFormContext } from "react-hook-form";

Now one of the input field is disabled and on Submit, I do not see the input value for this disabled input box.
How can I fix this and get the disabled form input ?

答案1

得分: 2

请使用"readonly",因为禁用输入将在表单提交后不返回值。

英文:

Please use readonly because disable input will not return value after form submit.

huangapple
  • 本文由 发表于 2023年2月16日 13:24:25
  • 转载请务必保留本文链接:https://go.coder-hub.com/75468166.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定