30得票3回答
使用react-hooks-form处理handleSubmit中的服务器端错误

我很难弄清楚如何处理不一定与react-hook-form中的单个输入字段相关的错误。 换句话说,我该如何处理handleSubmit中的错误? 例如,有以下表单:import to from 'await-to-js' import axios, { AxiosResponse } from...

29得票2回答
react-hook-form:使用onBlur模式时验证不起作用

我正在尝试使用yup和react-hook-form来显示错误,当用户选择超过5个复选框时,但是没有成功。 相反,当第七个复选框被选择时,就会显示错误。 这是简化后的代码:imports... const schema = yup.object().shape({ option: yup...

29得票8回答
使用react-select和react-hook-form返回正确的值

我正在使用 react-hook-forms 的 Controller API 包装来自 react-select 的 AsyncSelect,以便在用户输入时从外部 API 中加载选项。除了返回值是字符串 "[object Object]" 而不是对象的 fullName...

26得票3回答
升级Next.js到12版本后,React-hook-form构建问题

当我将 nextjs 升级到 版本12 并运行 yarn dev 时,在 react-hook-form 库中出现了问题: SyntaxError: 找不到命名导出 'set'。请求的模块react-hook-form 是一个 CommonJS 模块,可能并不支持所有作为命名导出的 modu...

25得票4回答
React Hook Form - 如何重置 "isDirty" 而不清除表单?

基本上就是标题所说的。当我提交表单时,我会检查登录是否成功,如果不成功,就会显示一条消息。但是当用户开始输入时,我希望这个消息消失。 我认为 isDirty 在表单提交后会被清除,但它仍然是脏的。我可以从 onSubmit 中调用 reset,但这会清除表单的内容 - 这不是我想要的。 有什么...

25得票1回答
React Hook Form 的单选按钮

我使用react-hook-form创建了一个表单,它可以正确地记录“fullName”和“city”,但无法记录单选按钮。在单选按钮上,你得到的结果是“null”。 我的代码如下所示。import React from 'react' import './App.css'; import {...

25得票2回答
React Hook Form: 提交包含嵌套组件的表单或提取嵌套组件的字段以进行提交

我有一个表单,其中包含多个组件(每个组件都是函数式或类组件),其中包含多个输入字段或单选按钮。当我提交表单时,我要么希望提交嵌套在组件中的字段以及表单数据,要么我应该能够提取字段数据,然后再提交它们(不确定哪种方法最好以及为什么?)。我如何实现这个目标? 代码:import React fro...

25得票6回答
提交前的react-hook-form验证

我有一个表单(很长抱歉)非常简单,用户可以输入姓名、电子邮件、电话和评论: <form className={classes.root} data-testid="getting-started-form" onSubmit={h...

25得票2回答
“isValid”始终为假。

我正在使用 react-hook-form 中的自定义 register,但是当我在输入框中输入文本(并满足 required 条件)时,无法获取 formState.isValid 为 true。 这里是一个示例代码:interface FormValues { readonly val...

24得票6回答
React Hook Form的onSubmit未被触发

import React, { useState } from "react"; import FileBase64 from "react-file-base64"; import { useDispatch } from "react-re...