我很难弄清楚如何处理不一定与react-hook-form中的单个输入字段相关的错误。 换句话说,我该如何处理handleSubmit中的错误? 例如,有以下表单:import to from 'await-to-js' import axios, { AxiosResponse } from...
我正在尝试使用yup和react-hook-form来显示错误,当用户选择超过5个复选框时,但是没有成功。 相反,当第七个复选框被选择时,就会显示错误。 这是简化后的代码:imports... const schema = yup.object().shape({ option: yup...
我正在使用 react-hook-forms 的 Controller API 包装来自 react-select 的 AsyncSelect,以便在用户输入时从外部 API 中加载选项。除了返回值是字符串 "[object Object]" 而不是对象的 fullName...
当我将 nextjs 升级到 版本12 并运行 yarn dev 时,在 react-hook-form 库中出现了问题: SyntaxError: 找不到命名导出 'set'。请求的模块react-hook-form 是一个 CommonJS 模块,可能并不支持所有作为命名导出的 modu...
基本上就是标题所说的。当我提交表单时,我会检查登录是否成功,如果不成功,就会显示一条消息。但是当用户开始输入时,我希望这个消息消失。 我认为 isDirty 在表单提交后会被清除,但它仍然是脏的。我可以从 onSubmit 中调用 reset,但这会清除表单的内容 - 这不是我想要的。 有什么...
我使用react-hook-form创建了一个表单,它可以正确地记录“fullName”和“city”,但无法记录单选按钮。在单选按钮上,你得到的结果是“null”。 我的代码如下所示。import React from 'react' import './App.css'; import {...
我有一个表单,其中包含多个组件(每个组件都是函数式或类组件),其中包含多个输入字段或单选按钮。当我提交表单时,我要么希望提交嵌套在组件中的字段以及表单数据,要么我应该能够提取字段数据,然后再提交它们(不确定哪种方法最好以及为什么?)。我如何实现这个目标? 代码:import React fro...
我有一个表单(很长抱歉)非常简单,用户可以输入姓名、电子邮件、电话和评论: <form className={classes.root} data-testid="getting-started-form" onSubmit={h...
我正在使用 react-hook-form 中的自定义 register,但是当我在输入框中输入文本(并满足 required 条件)时,无法获取 formState.isValid 为 true。 这里是一个示例代码:interface FormValues { readonly val...
import React, { useState } from "react"; import FileBase64 from "react-file-base64"; import { useDispatch } from "react-re...