19得票6回答
Material UI文本框的标签在以编程方式设置文本框值时不会向上移动

我有一个连接到 react-hook-form 的 TextField 元素。当我聚焦在这个输入框上时,会打开一个国家列表,以便我可以选择一个国家,并通过 react-hook-form 中的 setValue 函数将其电话代码填入该字段中。 一切都正常工作,国家代码确实出现在了字段中,但正...

18得票2回答
非必填字段的Yup验证

在我的项目中有一个个人资料创建表单,我使用react-hooks-form和yup库进行验证。在表单中,有一个名为Github-Username的可选字段。但是如果用户输入用户名,我希望对其进行验证,并且必须超过2个字符,类似这样的内容。 const schema = yup.object(...

17得票9回答
React JS多个提交按钮react-hook-form

我正在使用react-hook-form进行表单验证和提交,使用单个提交类型按钮时一切都正常,现在我需要三个按钮,“保存草稿”,“在页面中预览数据值”和“提交审核”,我可以选择模式选择单选按钮,但希望有三个按钮的提交功能,需要表单数据。添加输入字段的onchange将起作用,但需要重新编写表单...

17得票1回答
如何使用TypeScript泛型创建可重复使用的react-hook-form组件?

Person 组件在两种不同的表单中被重用: Person.tsximport { UseFormReturn } from "react-hook-form"; import { FieldPaths } from "./types"; type P...

16得票3回答
当回到初始状态时,React-hook-form没有将isDirty设置为false。

在官方的受控输入示例中,如果您修改了输入的值并将其更改回初始值,则isDirty将设置为true,但不会被设置回false,并且dirtyField将包含已触摸字段。 在早期的非受控输入示例中,我们没有完全相同的行为。实际上,如果您修改了输入的值并将其更改回初始值,则isDirty仍将为假,但...

16得票5回答
如何在react-hook-form中只输入数字

我正在使用react-hook-form来处理我的输入组件,但是有一个问题。在一些文本字段中,例如只能输入数字的验证文本字段中,我不知道该怎么做,在普通的textInput中,我们可以使用正则表达式,比如: const [numberInput, setNumberInput] = useSt...

16得票1回答
如何显示自动完成功能的错误信息

我正在使用React Hook Forms进行工作。<Controller control={control} rules={{ required: "Required" }} error={errors.state ? true : false} h...

15得票3回答
React Hook Form中的onChange输入事件

我正在使用React和react-hook-form库构建web应用程序。 我想创建一个表单,在该表单中,某些字段的更改会触发某些事件。 因此,我需要传递自定义onChange。但是,自从版本7.0以后,我无法使用onChange,因为register使用了它自己的onChange。 imp...

15得票3回答
React Hook Form无法显示验证错误信息

我正在使用React Hook Form来验证一些简单的输入: import React from "react"; import useForm from "react-hook-form"; import "./App.css&quot...

14得票7回答
如何在 React Hook Form 的 Controller 中出现错误时保持专注?

我正在使用react-hook-form的Controller来渲染一个自定义组件。 如果在使用register时出现错误,焦点正常,但Controller却不正常。 当自定义组件处理一个输入时,我找到了处理错误的方法,但是当它有多个输入时,我找不到处理方法。 Form.js impo...