问题标签 [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.

0 投票
1 回答
71 浏览

javascript - 为什么删除元素后所需的检查不起作用?

你能告诉我为什么我需要的检查在自动完成中不起作用。我正在使用material UI反应钩子形式。重现步骤

  • 单击Submit按钮显示字段是必需的。
  • 然后从列表中选择任何元素。
  • 删除选定的元素然后再次单击提交按钮。它应该显示“必填”字段检查。但它没有显示任何内容,为什么?

这是我的代码 https://codesandbox.io/s/mui-autocomplete-with-react-hook-form-0wvpq

0 投票
2 回答
8812 浏览

javascript - 使用 react-hook-form 的 Controller 组件不允许自定义 Antd Select 显示标签

我正在使用AntdSelect组件构建一个自定义组件,它使我能够返回一个对象而不是原始值,并在选择下拉选项中的对象项中显示嵌套值,它工作正常,可以使用以下方法进行验证react-hook-form

这也适用于Controller组件,但它不会在选择输入内显示标签:

有关更多详细信息,请检查代码沙盒游乐场中的整个代码

编辑骄傲-wildflower-3gndt

0 投票
1 回答
165 浏览

javascript - 为什么所需的检查在日期选择器中不起作用?

当我单击提交按钮时。它没有显示必填错误,因为它是必填字段。这是我的代码。我已经注册了 required 并且还尝试使用规则但仍然没有得到必需的验证

https://codesandbox.io/s/mui-autocomplete-with-react-hook-form-1p3x5

0 投票
1 回答
1292 浏览

javascript - 如何在反应中动态添加选择中的项目?

你能告诉我如何在反应中动态添加项目吗?

我收到来自服务器的响应(名称、标签等)。例如,我只是模拟了我的响应,两秒钟后我获取了它。

在我的示例中,我有两个选择框或下拉菜单。第一个下拉菜单的值是“one”和“two”(在 json 中作为选项给出)。

在 json 中还有一个选项dependentField ,这意味着该字段依赖于另一个字段(提到的值是依赖的)。在我的示例second中,字段依赖于第一个字段。

因此,第二个选择或下拉字段的值将是["three", "four"]第一个选择框或下拉值 id one

因此,第二个选择或下拉字段的值将是["five", "six"]第一个选择框或下拉值 id two

所以我需要watch提到字段的值hook form

https://react-hook-form.com/get-started

我们可以动态添加选项吗

这是代码

https://codesandbox.io/s/stoic-benz-lxb8i

我不想做任何 harcoading 之类的

我们可以动态观察或添加useeffect来动态观察变化吗?

任何更新

0 投票
2 回答
24770 浏览

javascript - 如何使 react-hook-form 在一页中使用多个表单?

我在我的项目中使用 react-hook-form 并且我有 2 个完全独立的表单,但是当我提交其中一个表单并且如果需要其他表单中的某些字段时,我无法提交当前表单,请查看演示,并尝试提交其中一个表单,这些表单应该彼此独立工作,但看起来它们相互依赖。

请问有什么帮助吗?

0 投票
0 回答
1096 浏览

reactjs - 如何使用反应材料ui屏蔽输入字段onKeyUp?

我创建了登录表单,其中包含 DOB 和 PHONE 字段。用户必须在哪里键入它。键入时应将值屏蔽为 DOB 格式 (YYYY-MM-DD),将电话格式屏蔽为 (999) 999-9999。我使用材料 ui 进行 TextFied 和 react-hook-form 进行表单验证。我可以通过在 KeyUp 上提供正则表达式来实现某些功能。但它接受数字字段中的字母。在这里,我在 CodeSandbox 中添加了示例:https ://codesandbox.io/s/react-material-ui-login-tdcoh

而且我在这里粉碎代码。请帮我解决一下这个。

提前致谢

0 投票
1 回答
651 浏览

javascript - 如何使用 Excel 文件中的条目填充 React 中的下拉菜单?

所以目前,这就是我必须填充我的下拉菜单的内容。我使用 React Hook Form 创建我的下拉菜单。目前,这些选项是硬编码的,但我想从 excel 或 cvs 文件中读取数据,然后从该数据中填充我的选项。我用谷歌搜索,但大多数显示为从 json 文件填充。我想从excel文件中填充。谢谢!

0 投票
1 回答
9418 浏览

reactjs - 如何从另一个组件的 react-hook-form 读取值

我有以下表格react-hook-form

SelectEthnicity只是一个基于 select 的包装器组件,如下所示。我不得不这样做,因为它的选择很长,有很多选择。

从 App 组件提交表单时,如何获取选定的选项?

0 投票
2 回答
5085 浏览

reactjs - 使用 laravel api 从 react 上传图片

我在使用 laravel API 从反应输入上传文件时遇到问题。我正在使用 react-hook-form。我的表格和onSave如下

我的帖子请求导致此控制器方法

总结一下,我用postman测试过上传图片,效果很好,所以问题一定出在react表单上?感谢您的任何帮助

0 投票
1 回答
462 浏览

javascript - 在 React 中设置输入值时如何不显示错误?

我正在使用 react-hook-form,我在一页中有两种不同的形式。当我提交至少一个表单时,我想隐藏两种表单中的所有错误消息,例如在演示中,我想在提交电子邮件表单时隐藏所有错误消息,反之亦然,但它不起作用,任何帮助请?