问题标签 [react-hook-form]

我需要帮助来理解为什么简单输入组件中的第一个字母没有注册。

我从示例中创建了一个简单的受控输入，但它无法正常工作。

我为您创建了一个示例https://stackblitz.com/edit/react-9zezqx

大家好，我在使用反应钩子验证表单时遇到了一些问题。每当我单击提交按钮时，我都会收到错误消息

index.js:1 警告：组件正在将电子邮件类型的受控输入更改为不受控制。输入元素不应从受控切换到不受控（反之亦然）。决定在组件的生命周期内使用受控输入元素还是不受控输入元素。

这是我的代码。

我的 JSX

我在 react-hook-form 的 Controller 标记内使用 onChange 方法时遇到问题。当用户选择一个字段来呈现一个新的缺点时，我需要捕获，最后一个是信息关系。我在 MUI 中使用 react-hook-form

当表单字段显示错误消息并且我想尝试输入时，当它到达要清除错误的点时，它会先清除错误，然后我才能输入。请检查这个沙箱，在一个字段内点击然后在它外面点击会产生错误，现在尝试输入一些东西，例如（1111），问题是你必须按六次才能达到1111，我找不到如何解决它。

请问有什么帮助吗？

我有一个可以在网站上重复使用的表单组件，该组件将表单名称作为参数。该站点使用 Gatsby 构建并托管在 Netlify 上。

每当我尝试填写表单并按下提交按钮时，我的控制台中都会出现 404 错误并且表单未提交，但我可以在 Netlify Forms 中看到所有表单。我不确定我的错误在哪里，当我在 chrome 中检查时，我发现该data-netlify="true"属性不存在于我的前端，但它存在于代码中。

我的职能

我的表格：

可以在这里看到我如何查看表单的示例，我已经尝试使用 console.logging 我的表单中的所有属性，并且可以看到所有这些属性

关于我做错了什么的任何想法？

编辑：当我提交表单名称设置为 [object Object] 而不是实际表单名称时，我可以在我的 chrome 网络选项卡中看到

我正在尝试在Select内部使用带有多个选项的 UI-Materialreact-hook-form但没有成功。

在尝试使用多种选项之前，我已经完成了这项工作

我试图添加multiple到 Select 元素，这导致我出现另一个错误。

我也尝试只保留Select没有包装器的元素Controller，但是我无法获得语言值onSubmit

非常简单的 codeSandBox 表明我Select在提交表单时无法从中获得价值：https ://codesandbox.io/s/react-hook-form-example-s7h5p?file=/src/index.js

我将不胜感激任何帮助谢谢

我在 reactjs 中使用 react-hook-form 进行验证。我正在使用多步表单，因此一旦验证了一步数据，它应该进入下一步。但我没有找到如何知道所有数据是否经过验证。我正在为两个按钮使用 if else 条件，一旦所有数据验证，按钮将进入下一步。这是我的代码..

我是新手，react-hook-form并注意到一些我似乎无法阻止的事情。当一个组件被动态渲染时，它的嵌套输入组件的值不会保持它们的值。

我的组件结构是：

这是一个重现问题的沙箱 - https://codesandbox.io/s/flamboyant-http-i574n。

我可以通过将所有代码放入一个组件并使用 CSS 动态显示它们来解决这个问题。但是，这会产生一个非常大的组件文件，因此要尽量避免这种情况。

注意我感觉这是预期的行为，因为控制器在卸载时取消注册 ref。

我有一个表单可以正确地进行错误验证，但如果所有内容都填写并提交，则无法显示成功消息。我正在使用 react-hook-form 包，但在文档中找不到任何内容。

我已经使用 react-hook-form 文档提示创建了 errorMessage，它只是一个开关

导出默认 JobAlertWidget；

我正在尝试在使用 React Hook Form 构建的表单中使用React Dropzone，但我无法在表单提交时捕获文件。我已经尝试过Controller，但不能正常工作（没有 dropzone 可以正常工作）。

CodeSandbox中的完整代码

如果有人可以帮助我查看问题所在，我将不胜感激。