24得票5回答
react-hook-form的setValue方法在使用Material UI对话框中的输入时无法正常工作。

我尝试使用 react-hook-form 来验证输入,但是发现如果将输入放置在Material UI的dialog组件中,react-hook-form 的 setValue 并不能如预期般工作,但是当我移除 Dialog 组件时它可以正常运行。我猜测原因是组件挂载前就已经设置了值,但仍无法...

24得票6回答
React Hook Forms + Material UI 复选框

使用React Hook Form和Material UI复选框组件构建表单时,我遇到了错误。复选框的数量是从我的API列表构建的。 <Grid item xs={12}> <FormControl required ...

23得票8回答
如何使用React-Hook-Form设置引用的焦点

如何在使用React-Hook-Form时为输入框设置焦点,以下是它们的常见问题解答中的“如何共享ref使用”的代码 https://www.react-hook-form.com/faqs/#Howtosharerefusageimport React, { useRef } from &q...

23得票1回答
React Hook Form重置与Controller + Antd不兼容

我正在尝试将react-hook-form与antd的<Input />组件一起使用。 但是我无法使得reset与<Controller />一起工作。 以下是我的代码:const NormalLoginForm = () =>{ const {rese...

22得票1回答
如何在React Hook Form中传递自定义验证消息?

<input name="request.url" placeholder="URL" ref={register({ required: true, validate: validURL })} /> validUR...

21得票5回答
使用React Hook Form进行条件验证

这是我的表单样式,还有CodeSanbox。目前我正在使用react-hook-form。 如你所见,表单有3个输入框。在所有必填字段都填写后,提交按钮应该被禁用。 有两种情况: 1. 如果未勾选“Check”: 只有“id”应该被验证,并且提交按钮应该变为可用状态。 “firt”和“l...

21得票2回答
如何在React中验证多步表单

我有一个多步表单,使用React制作,为了进行验证,我使用react-hook-form。已经完成了90%的工作,但我现在遇到的问题是获取第二个动态表单数据。我的第一个表单有两个字段,当这些字段被填充(验证)后,我会进入下一个表单。在我的下一个表单中,我有两个输入字段,用户可以通过添加按钮添加...

21得票7回答
React-hook-form的“reset”功能正常工作,但在提交后输入字段仍未清空。

我尝试过使用react-hook-form中的"reset"函数,但在提交表单后输入字段并未清空。 我不知道原因,肯定是我遗漏了什么,但找不到是什么。这是我的代码:const Form = () => { const [values, setValues] = u...

19得票4回答
如何在使用Typescript的React Hook Form中一次性设置多个值

我有以下接口:export interface DataResponse { user_id: string; name: string; phone_number: string; country: string; } 这是一种用于使用React Query获取数据的类型。如...

19得票5回答
如何在React Hook Form中验证密码和确认密码?React Hook Form中是否有验证属性和消息来显示错误?

实际上,我尝试验证表单并卡在了密码和确认密码的验证上...在最新版本的react hook form中是否有属性来验证密码并显示消息,请帮忙。实际上,我尝试验证表单并卡在了密码和确认密码的验证上...在最新版本的react hook form中是否有属性来验证密码并显示消息,请帮忙。 imp...