问题标签 [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 - 如何在 ant design 或 material UI 中使用 react-hook-form
我正在尝试使用 react-hook-form 库来验证表单。当我使用 ant design 或材质 UI 渲染视图时，它无法正常工作。
发生了一些警告："Missing name at.....".
reactjs - 为什么 React 告诉我我的 Material Select 输入没有名称？
我正在使用 React 创建一个新表单，其中一个输入是 Material UI 输入。表单效果很好，但Missing name at即使我在选择输入和 Material UI 创建的隐藏输入上都输入了名称，但在加载表单时控制台会显示警告。
警告信息（截图）：
我需要添加什么以避免在控制台中看到此警告？
javascript - 使用 react-hook-form 做出反应 - 没有数据可用时渲染输出 - 错误映射未定义
我正在尝试学习如何在我的应用程序中使用 react-hook-form。
我有一个包含多个输入的表单。
我有一个 updateData 函数，它应该捕获和存储输入，但它似乎不起作用。每次我想渲染表单时，如果我在多步表单中返回一步，如果我不重新输入表单输入，它似乎会抛出错误。
在我的渲染页面上，我使用：
TypeError：无法读取未定义的属性“地图”。
如果我每次呈现表单输出页面时不填写预注册表单字段，则会引发错误，指出无法读取未定义的映射。
如果只能找到输出，我该如何渲染输出？在这种情况下，我宁愿有一个空白的未完成句子而不是错误消息？
这篇文章表明默认值 nil 可能会有所帮助。在我返回所有表单输入并开始将它们定义为空白之前 - 还有其他解决方案吗？
reactjs - 如何将 react-hook-form 组合成组件
我第一次尝试使用react-hook-form（https://react-hook-form.com/ ）。我不知道如何用 redux 将它们组合成 react 组件。
有人帮助我吗？
javascript - 如何从 react-hook-form + Redux 调度
我正在使用 react-hook-form ( https://react-hook-form.com/ )。我想从 react-hook-form 内部调度动作。
在以下情况下，我应该props.dispatch在 onSubmit 被触发时使用 , 进行调度。
但是我不知道如何通过 setState 调度和更新状态。
有人给我建议吗？
reactjs - 可以将 reactstrap 与 react-hook-form 和 react-input-mask 一起使用吗？
我已经尝试了一段时间，但没有任何成功。我已经设法实现了 reactstrap + react-hook-form 和 reactstrap + react-input-mask 但没有同时实现这三个。这是运行的代码：https ://stackblitz.com/edit/reactstrap-v5beta-input-mask-yu6zii?file=Example.js
reactjs - 处理 react-hook-form 中的错误
根据 react-hook-form 的文档，我可以使用输入元素的名称，例如“xxx.yyy”，这将导致我准备好的数据成为
但是当我尝试使用带有“错误”的此功能时，我无法使用它。即我不能在下面写：
因为我得到“无法读取未定义的属性'yyy'”。
文档说我应该使用这个链接运算符，？。，所以我尝试一下：
但是，如果省略所需的输入，则页面上不会显示任何内容。我可以看到该机制阻止提交表单，直到我在该字段中写入内容，这没关系，但为什么我没有在页面上收到错误消息？
reactjs - useForm 在既不是 React 函数组件的函数中被调用...错误
下面的代码是最奇怪的错误。
/src/components/competitions/TheVaultform.js 第 5 行：React Hook “useForm”在函数“contactform”中被调用，该函数既不是 React 函数组件也不是自定义 React Hook 函数 react-hooks/rules-of-hooks
搜索关键字以了解有关每个错误的更多信息。
我刚刚安装了 react-hook-form 并运行了演示代码。
reactjs - react-hook-form 和 Material-UI 的反应问题
我正在尝试构建一个带有动态字段的表单（以及一个显示/隐藏它的开关）。我想同时使用 react-hook-forms（因为它的强大功能：（1）以我想要的方式自动填充数据结构，而无需我手动完成，以及（2）“观看”输入的功能（即立即对用户操作做出反应并将其反映在变量中）。我还想使用material-ui，因为我需要我的应用看起来非常现代。根据react-hook-forms的文档，它支持UI库和material- ui 就是其中之一。
但我有一个问题。对于某种输入，例如 material-ui 的 TextField，一切正常。我可以使用“手表”，它工作得很好。但是对于其他一些输入，例如 Switch 或 Checkbox，监视功能无法正常工作。
例如，在这个特定的测试示例中，当我在 TextField 中键入内容时页面反应良好（我也可以在控制台中看到它），手表显示正确的值。但是当我单击 Switch 元素时，会发生一些奇怪的事情。第一次正常工作时，我的动态字段出现了，var isDog 设置为 true，这没关系。但是第二次即使 isDog 值是假的，代码（条件渲染的字段）表现得好像它仍然是真的，结果是动态字段被永远渲染。就像它被缓存在某个地方或者我不知道一样。这里发生了什么？
我尝试在代码中使用不同的“值”，例如“true”，或者将值属性放在 RFHInput 本身中，而不是在 Switch 中（由 FormControlLabel 控制），但没有任何帮助。
有人有同样的问题吗？这里有什么问题？这是一个错误吗？
这是codesandbox中的示例链接到codesandbox
reactjs - 如果输入在材料 ui 对话框中，react-hook-form 的 setValue 方法不起作用
我尝试使用 react-hook-form 来验证输入。但是我发现，如果输入放在 Material UI 的对话框组件中，react-hook-formsetValue就不能按预期工作，但是当我删除 Dialog 组件时它可以工作。我猜原因是在组件挂载之前设置了值，但仍然找不到解决方案。
该值将从服务器检索，所以我不能使用 react-hook-form's defaultValues。
https://codesandbox.io/s/react-hook-form-material-ui-twbbw
我曾尝试使用useState来控制输入值，但还有另一个问题。清除输入后，点击提交按钮，出现错误信息，输入的第一个字母I不会显示。