问题标签 [react-hook-form]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 用控制器包装后，测试文件中无法识别 data-testid？
嗨，我在组件中有一个输入字段，该组件用 react-hook-form 的控制器包装，并且该输入字段用 react-input-mask 包装以进行屏蔽。在用控制器包装输入字段之前，data-test-id 有效出色地 。打包后找不到了。在这里，我正在为此共享输入字段组件和测试文件。请帮助我。
在测试文件中：
错误：
Unable to find an element by: [data-testid="dob-input"]
reactjs - 如何对屏蔽输入进行单元测试？
如何使用 react-testing-library 对屏蔽的输入字段进行单元测试。该组件是使用材料 ui 和 react-hook-form 开发的。在这里，您可以找到代码并在我身边处理示例。提前致谢
测试文件：
零件：
错误：
reactjs - 基于是否选中另一个复选框，对文本字段进行 React-hook-form 条件验证？
我正在尝试向文本字段添加验证规则，如果选中表单中的单独复选框，则该字段必须是非空字符串才能提交表单。
这是我到目前为止所拥有的链接：https ://codesandbox.io/s/magical-hypatia-n7o5w
我需要形式（“ Tiger_Type”）中的最终文本输入，才需要在选中带有ID'Tiger'的复选框输入时才输入一个值。
我是 react 和 react-hooks-form 的新手，所以任何指针都会受到赞赏。提前致谢。
javascript - react-hook-form 验证不适用于自定义字段数组
我正在使用带有自定义动态输入字段数组的 react-hook-form，当我单击提交按钮时，它看起来像验证工作，但它没有显示错误消息，我正在创建状态：
]);
并将输入创建为：
你可以查看演示
请问有什么帮助吗？
reactjs - React，使用 react-hook-form 提交表单后显示消息
我使用 react-hook-form 并希望在提交表单后向用户显示消息。我知道如何使用警报来做到这一点，但希望将该消息作为一个段落。提交字段后应再次为空。
这是我的表单组件：
reactjs - 使用带有 react-hook-form 的 material-ui 组件显示警告
我在我的应用程序中使用 react-hook-form 进行表单状态管理。当我<Input />用作控件时，它按预期工作，但是<TextField />它显示警告说“组件正在更改要控制的文本类型的不受控制的输入”。这里出了什么问题？这个组件有什么替代品吗？
这是我的反应代码：
这是沙箱中的链接：https ://codesandbox.io/s/react-hook-form-validationresolver-7k33n
reactjs - react-hook-form material-ui 表单提交只工作一次
我正在将 react-hook-form 与 material-ui 一起使用。我正在用我的自定义组件包装一个表单和输入组件。此表单上的验证仅有效一次。下次以后，此表单不会响应，也不会提交未验证。有人可以帮我理解这里出了什么问题吗？
reactjs - 使用带有 typescript 和 material-ui 的 react-hook-form 来显示错误消息的正确方法
我正在使用带有 typescript 和 material-ui 的 react-hook-form。我想将错误消息作为 tohelperText传递TextField。我试图这样做，
helperText={errors.email?.message}
但打字稿抱怨这个任务。
我不想从我的 .eslintrc 文件中禁用此规则，因为它可能会忽略我的应用程序中的其他类似问题，这在某些地方可能是需要的。将 react-hook-form 的错误消息作为 helperText 分配给 material-ui 组件的正确方法是什么？
代码沙盒链接 https://codesandbox.io/s/material-ui-react-form-hook-yi669
reactjs - 如何在 Ionic Modal 中使用 react-hook-form？
我正在尝试react-hook-form与我的 Ionic React 应用程序一起使用。我正在使用这种简单的形式：
该组件运行良好，但是当我尝试在IonModal组件内部使用它时，onSubmit处理程序没有显示任何内容。
如果我提交第一个Form，则数据会在控制台中正确打印，但如果我在IonModal组件内提交第二个，则不会。
这是一个显示此行为的示例。