问题标签 [react-hook-form]

我正在使用react hook form，我正在寻找一种方法将自定义道具注入到handleSubmit钩子返回的方法中。Consumer我需要这样做的原因是我的组件充当状态库，我想在提交表单后更新状态。我可能还想将道具传递给该方法。

从查看 API 来看，这似乎是不可能的。关于解决方法或如何做到这一点的任何想法？

我正在使用react-hook-form存储表单数据，这些数据按照Codesandbox.io上的代码分为两页。我能够使用defaultValue={state.data.firstName}例如属性分配成功存储简单的文本输入（如名字、电子邮件等）......但我不知道如何使用 react 建议的模型将选中的项目存储在单选组中-钩形。我检查了他们的文档，不幸的是很少提及单选按钮组状态存储。这可以使用他们的 API 吗？

在此先感谢您的帮助！

我正在尝试将 react-hook-form 与 antd<Input />组件一起使用

我不能reset一起工作<Controller />

这是我的代码：

我期望在提交表单时这两个输入字段会被清除。但这不起作用。

我在这里错过了什么吗？

Stackblitz 示例 https://stackblitz.com/edit/react-y94jpf?file=index.js

编辑：

这里RHFInput提到的带有 AntD 样式的 React Hook Form 现在是 react-hook-form 的一部分，并已重命名为Controller. 我已经在使用它了。

我已经想通了

至

解决问题。

但是 - 我想在不明确分配新值的情况下重置整个表单。

编辑2：

比尔在评论中指出，几乎不可能检测到外部控制输入的默认值。因此，我们被迫将默认值传递给 reset 方法。这对我来说完全有道理。

我正在使用react-hook-form库来创建一个多步动态大表单（超过 70 个字段）。我的大部分表单字段都是动态的（用户可以通过单击 + 按钮添加/删除更多字段）。为了实现这一点，我使用了 react-hooks 并为每个动态字段添加了一个钩子。但我觉得我的代码不够抽象，可能有更聪明的方法来做到这一点。下面是我的表单的示例屏幕截图：

钩子和表单字段的相应代码在这里：

想象一下，您正在const add/remove...Fieldset为 70 个字段执行这些钩子瞬间和函数。对我来说，这似乎太多重复了，但除了“React 可以处理多个钩子，所以不用担心”评论之外，我找不到任何解决方案或新想法。

如果您想在代码沙盒上尝试您的想法，我还准备了以下代码：

https://codesandbox.io/s/react-hook-form-wizard-form-yzno5

我正在使用 ReactJs 和 React-Hook-Form 创建一个应用程序。我的目的是使用 Fetch API 向服务器（Java-Spring 启动）发出 POST 请求。

下面是我的代码： React 组件 - SalesmanForm：

API - SalesmanEnpoint：

服务实施：

我的问题是当使用 Fetch Api 将输入数据提交到服务器时，所以我的数据在发送请求期间已更改为空值。我不知道这是为什么？

任何人都可以向我提出有关问题和解决方案的建议。

太感谢了！

我正在dynamically使用 json 生成我的表单。但是在单击时获取输入字段的值时，我在一个地方感到震惊。

当我的演示应用程序运行时，它会显示一个输入字段（用户在其中输入手机号码）和一个按钮（文本发送 OTP）。输入数字示例（9891234178）并按 Enter 后，它会显示OTP字段和一个链接resend OTP。

我想在单击时捕获link（重新发送 otp）的单击处理程序我想获取我的输入字段值（手机号码值）。

是否有可能获得价值？

这是我的代码 https://codesandbox.io/s/react-hook-form-get-started-lokp2

我的目标是添加点击处理程序link并尝试获得mobile number价值。如果可能的话

任何更新？？？？？/

我正在使用react-hook-form材质 UI。单击按钮时我想获取我的autocomplete select框值。目前它label作为value我需要的年份应该是一个值

这是我的代码

https://codesandbox.io/s/react-hook-form-get-started-nt4kh

当我选择{ title: "The Godfather", year: 1972 },的值应该是1972. 当前点击按钮显示The Godfather为什么？

/>

我 在我的演示中使用react-hook-form（https://react-hook-form.com/ ）。

我无法设置的默认值AutoComplete。我已经尝试过defaultValue文档中提到的，但它不起作用。这是我的代码：

https://codesandbox.io/s/react-hook-form-get-started-v24jk

应选择预期输出辛德勒的列表值

我正在使用react-hook-form。我有textarea用户可以输入的密码pincodes，现在我想验证我的blur平均密码应该是6数字并按排序顺序显示。

onblur事件不能正常工作？这是我的代码 https://codesandbox.io/s/react-hook-form-get-started-v24jk

反应钩子表单 API https://react-hook-form.com/api

删除输入字段上所需的验证（如果我在另一个输入字段中输入了一些文本）。我从 json 创建了输入字段（两个输入字段）。最初两者都是必需的。但是如果用户在第一个字段中输入“你好”，我想删除必需从第二个输入字段检查。我使用watch和 onchange 我检查了第一个字段的值。但是如何删除必需的？我尝试使用取消注册但仍然无法正常工作

这是我的代码 https://codesandbox.io/s/react-hook-form-watch-unir2

API链接

https://react-hook-form.com/api/