react-hook-form:如何显示嵌套名称的错误？

文章/答案/技术大牛

发布

1回答

reactjs、react-hook-form

我有一个反应钩子形式的register("test.new",{required:true}) 现在如何显示test.new的错误 {errors.test.new && <p style={{ color: "yellow" }}>This field is required</p>} 是不工作的

浏览 10提问于2021-11-09得票数 1

1回答

在“钩子-form`”中使用对象作为值

reactjs、typescript、react-hook-form

我想在react-hook-form中使用这个组件设置范围日期选择器是这种行为的常见用例。组件接受的值： a: string;}const Component = ({ value, onChangeformState: { errors },} = useFor

浏览 4提问于2022-08-02得票数 1

1回答

React属性“type”在“Merge<FieldError，FieldErrorsImpl<DeepRequired<any>>>”类型中缺失，但在“FieldError”类型中是必需的

reactjs、next.js、tailwind-css、react-hook-form、yup

一切正常，它验证、抛出和显示错误，但当我使用ReactHookForm抛出错误并将它们传递给我的输入组件时，我会得到一个输入错误。我的代码： register, formState: { errors }, } = useForm})} <Button type="submit">Enviar

浏览 9提问于2022-08-05得票数 2

回答已采纳

1回答

react-hook-form访问嵌套组件中的验证规则

reactjs、react-hook-form

我想访问嵌套组件中react-hook-form的Resister中定义的验证规则，以动态显示所需的指示符(*)。有没有从嵌套组件访问的方法？我不想以道具的方式重复。

浏览 45提问于2020-11-08得票数 4

回答已采纳

2回答

如何在反应本土化的形式？

javascript、reactjs、forms、react-native

我已经用以下命令安装了钩子表单：这是我的密码：import { useForm } from"react-hook-form"; return ( <input type="text"password"/>

浏览 2提问于2020-04-26得票数 0

回答已采纳

2回答

材料用户界面TextField的最新反应钩子式错误处理

reactjs、material-ui、react-hook-form

我有困难，使用反应钩形式的材料-用户界面。import React from "react"; /> <&#

浏览 6提问于2021-04-08得票数 6

回答已采纳

1回答

如何解决错误:模块‘react form’没有导出成员'useForm‘

reactjs、typescript、react-hook-form

我想使用Reacti-钩子表单制作简单的登录页面。我知道这个错误：import { Box, TextField } from '@mui/material'; email:

浏览 12提问于2022-05-06得票数 1

回答已采纳

1回答

我正在使用和热爱react-hook-form。我遇到了一个问题，其中有一个项目列表(例如在左列中)，然后当您单击任何项时，它将在右侧列中显示所选项的编辑组件。问题是当我在项之间切换时，嵌套数组值似乎没有正确更新数据。我想我理解，因为没有为每个父项创建一个新的编辑组件(我只是将所选的索引向下传递)，编辑组件中的嵌套useFieldArray仍然引用第一个父项。如果是这样的话，我不太确定如何确保为被选中的每个项目创建一

浏览 4提问于2021-07-23得票数 1

回答已采纳

3回答

在react-hook-form中处理错误

reactjs、react-hook-form

根据react-hook-form的文档，我可以像这样使用输入元素的名称"xxx.yyy“，这将导致我准备的数据是 { xxx: { yyy: value }} 但是，当我尝试使用这个带有“错误”的功能时也就是说，我不能写在下面： {errors.xxx.yyy && <span>This field is required</span>} 因为我得到“无法读取未定义的属性'yyy‘

浏览 77提问于2019-12-23得票数 2

回答已采纳

1回答

更新react钩子表单中的错误

javascript、reactjs、typescript、react-hooks、react-hook-form

所以我创建了一个自定义的输入包装器，它从react-hook-form中接收了几个道具。这是我的文本输入 register, errors，我传入这些属性，如果options中的任何条件不满足，我都会尝试显示一条错误消息。errors[id] &&

浏览 2提问于2021-06-04得票数 0

1回答

如何使用自定义组件创建动态表单？

react-select、react-hook-form

我使用的是这个库的第7版，但是在以下两种情况下我遇到了问题：我正在尝试为控制器创建一个特定的组件并在表单中重用它；ControllerComponentimport Select]}

浏览 4提问于2021-12-30得票数 1

回答已采纳

2回答

提交后，react-hook-form无法正确验证value和onChange

reactjs、onchange、react-hook-form

&& errors.test.message} </form>}; 当我点击"Submit“时，react-hook-form显示错误信息：‘字段是必需的。’。当我想写单词"TEST“，下一步我尝试删除这个文本，例如选择所有文本并点击Backspace按钮，然后我不能从输入中删除这个文本，但是显示</e

浏览 40提问于2021-01-28得票数 2

2回答

Material ui复选框在React-hook表单中不起作用

yup、react-hook-form、react-material-ui-form-validator

我想做一个带有验证的表单，我使用了react-hook-form和Material UI。对于验证，yup和钩子/解析器也被使用。当我单击复选框时，我想显示另一个textField，但复选框不起作用。watch用于来自react-hook-form(useForm)的内容。我的错误是什么？求求你，救命。这是我的代码：-

浏览 15提问于2021-06-17得票数 2

2回答

如何将yup validationSchema与react-hook-form一起使用？

javascript、reactjs、yup、react-hook-form

我正在使用react-hook-form库和yup来验证输入字段： const { handleSubmit, register, errors } = useForm({ ); 它不会在控制台中抛出错误我希望当输入被触摸并且值小于或大于所需值时，会显示错误消息。如何通过reac

浏览 45提问于2020-08-11得票数 1

回答已采纳

1回答

react-hook-form验证不适用于自定义字段数组

javascript、reactjs、react-hook-form

我正在使用带有自定义动态输入字段数组的react-hook-form，当我单击submit按钮时，它看起来验证正在工作，但它没有显示错误消息，我创建的状态如下： </div> })}有什么需要帮忙的吗

浏览 14提问于2020-03-03得票数 1

回答已采纳

1回答

如何模拟handleSubmit在测试期间从react表单返回的值？

reactjs、typescript、testing、jestjs、react-hook-form

我目前正在尝试测试我的表单，它有一些非常嵌套的组件和复杂的逻辑。因此，与其实际上模拟userEvents，然后提交表单，不如模拟handleSubmit的返回值。这是我的反应成分：import { FormProvider, useForm } from 'react-hook-form'; import React from

浏览 15提问于2022-05-25得票数 0

2回答

当放入.map() - TypeError:无法读取未定义的属性(读取'ref')时，ref钩子表单停止工作

javascript、reactjs、typescript、next.js、react-hook-form

我试图创建一个基于对象的表单。当我不使用循环时，一切都很好，但当我使用循环时，它就停止工作了。"X" : " "}]{label} ); );export default function Test() {errors.colors.message}</p>} <button type="submit">submit</butt

浏览 12提问于2022-09-09得票数 0

1回答

动态呈现的嵌套输入将失去它们的值。

javascript、reactjs、react-hook-form

我刚开始使用react-hook-form，注意到了一些我似乎无法阻止的事情。当组件被动态呈现时，其嵌套输入组件的值不包含它们的值。我的组件结构是： --> ChildComponent(s)下面是一个重现问题的沙箱-- 。我可以通过将所有代码放在一个组件中并使用CSS动态显示

浏览 0提问于2020-04-19得票数 2

回答已采纳

2回答

反应-钩子-形式的v7‘监视’类型在打字？

reactjs、typescript、react-hook-form

我对如何将watch的类型声明为支柱感到困惑。下面是一个示例：import FormViewformData} />;// pages/FormView.tsx import { UseFormReturn } f

浏览 15提问于2021-12-19得票数 2

回答已采纳

2回答

来自react的Date对象-datepicker未保存

reactjs、react-hooks、mern、react-datepicker

为您即将看到的令人厌恶的代码提前道歉…… 一般来说，我是一个比较新的React和编程新手，我正在尝试使用react-hooks-form创建一个MERN应用程序来简化这个过程。我有问题的组件是编辑部分。我无法弄清楚如何在钩子表单中处理受控输入，所以我试图通过使用状态来将值存储在两个不同的状态中来绕过这个问题，我意识到这违背了使用钩子表单的目的。然而，在提交时，我得到了一个400错误，并指出dateOfBirth是必需的。/&

浏览 19提问于2020-08-19得票数 0

回答已采纳

点击加载更多