为什么'react-hook-form‘给出的是空数据？
'react-hook-form'给出空数据的原因可能有以下几种可能性：
- 表单未正确绑定：'react-hook-form'是一个用于处理表单的库，它需要正确绑定表单的输入字段。如果没有正确绑定，它将无法收集表单数据。确保在表单中使用正确的'Controller'或'useForm'组件，并将其与输入字段进行绑定。
- 表单字段未设置'name'属性：'react-hook-form'需要每个表单字段都有一个唯一的'name'属性，以便正确识别和收集数据。如果表单字段没有设置'name'属性，'react-hook-form'将无法正确收集数据。确保每个表单字段都设置了唯一的'name'属性。
- 表单未正确提交：在提交表单之前，需要调用'handleSubmit'函数来触发表单数据的收集和处理。如果没有正确调用'handleSubmit'函数，'react-hook-form'将无法收集表单数据。确保在表单提交时调用'handleSubmit'函数。
- 表单字段未正确注册：在使用'react-hook-form'时，需要使用'register'函数将每个表单字段进行注册。如果没有正确注册表单字段，'react-hook-form'将无法收集数据。确保在表单字段上调用'register'函数进行正确的注册。
- 表单字段未正确渲染：确保表单字段正确渲染，并且与'react-hook-form'的使用方式相匹配。例如，如果使用了'Controller'组件，则需要将其包装在'register'函数中。
请注意，以上是一些可能导致'react-hook-form'给出空数据的常见问题。具体原因可能因具体代码和使用方式而异。如果以上解决方法无效，请检查代码并确保按照'react-hook-form'的文档和示例正确使用该库。
相关·内容
我正在使用react-native，并使用“react-hook-forms”来创建动态表单，但它返回的是空数据对象，但它应该返回在输入字段中键入的值。onSubmit函数提供的值为空值。请检查我的以下代码。请帮帮我。import { useForm, Controller } from 'react-
浏览 11提问于2021-06-11得票数 0
</p> </form>
正如您所看到的，我只想要一个简单的文本来显示所选的选项是禁用的。即使它是禁用的，它仍然接受该选项，我甚至给它一个未定义的值，看看它是否会触发错误，但它仍然接受该选项为正确的。我使用的是Reacti-钩子表单，页面底部的实时演示有一个很好的演示程序
浏览 3提问于2022-01-13得票数 1
回答已采纳
具有这样一个简单的react-hook-form示例表单：import { useForm } from 'react-hook-form';这样做的原因是ref似乎根本没有被调用(没有在控制台中给出firstName ref... )。为什么ref不被调用&工作！？附注：
我在没有使用react-hook-form和ref的情况下
浏览 4提问于2022-03-15得票数 0
回答已采纳
我使用的是react-hook-form，当表单为空时，我想禁用提交按钮，只要所有表单至少有内容写入，就启用提交按钮。
我该如何使用react-hook-form来做到这一点
浏览 2提问于2020-12-12得票数 7
我试图创建一个基于对象的表单。当我不使用循环时，一切都很好，但当我使用循环时，它就停止工作了。"X" : " "}]{label} ); );export default function Test() {errors.colors.message}</p>}
<button type="submit">submit</butt
浏览 12提问于2022-09-09得票数 0
我从这个中寻找灵感，但缺少的部分是如何实现对状态的错误验证，它将是一个对象数组：{email: string}[]。(对象将接受更多的键/值对。为了简单起见，我省略了其余部分。)它看起来是这样的： yup.object().shape({ }),react-hook-form的实现
浏览 5提问于2021-02-19得票数 2
2回答
我试图将react-hook-form添加到reactstrap表单和输入中，但看起来包之间存在冲突。import React, { useState, useEffect } from 'react';import当我加载页面时，我可以在浏览器控制台中看到所有输入的警告：Field is missing `name` attribute。但是，我将名称添加到每个输入中，如上面的代码所示。此外，当我单击Update
浏览 2提问于2021-03-11得票数 0
回答已采纳
当我尝试用react-hook-form实现一个Axios帖子时，我在下面得到了这个错误
Unhandled Rejection (TypeError): e.preventDefault is not基本上，我希望我的表单由react-hook-form控制，使用与后端通信的自定义handleSubmitAxios post调用。这是为我的登录组件，目前只是测试的反应钩子形式的功能，然而，e.preventDefault的消息是混淆
浏览 6提问于2021-02-02得票数 0
回答已采纳
我想使用react-hook-form在输入字段中提供默认值。首先，我从API端点检索用户数据，然后将状态users设置为该用户数据。然后，我将状态users传递给useForm()的defaultValues。import React, { useState, useEffect } from "react";import<input type="submit&
浏览 4提问于2020-10-12得票数 15
回答已采纳
1回答
我正在使用TinyMCE标记编辑器与反应钩形式内的NextJS类型抄本项目。如果我没有使用TinyMCE，那么它可以很好地工作。有什么不对吗？import { Editor } from '@tinymce/tinymce
浏览 7提问于2022-03-06得票数 1
1回答
这是我的简化问题： https://codesandbox.io/s/busy-fire-mm91r?<Button htmlType="submit">Save</Button> </FormWrapper>} 问题是：React-hook-form似乎看不到我输入的数据。我可以使用antd获得它，
浏览 43提问于2021-11-03得票数 0
回答已采纳
我正在尝试理解react-hook-form是如何工作的。为此，我创建了以下示例： import React from 'react'; </Form> );
export default InputForm; 它可以工作，如果我提交表单，
浏览 32提问于2020-07-05得票数 5
回答已采纳
我正在使用react-hook-form、axios和功能组件将一些数据从浏览器输入表单发布到数据库中。然而，我只是不知道如何让axios.post识别“输入的表单数据”的基本方法。表单完全正常工作，我可以输入数据，并且可以在浏览器控制台中看到有效的对象。但是我的请求负载只有{}。 API端点也通过邮递员进行测试。我还验证了后端是很好的，因为我成功地直接从我的React脚本中测试了
浏览 22提问于2021-10-13得票数 1
1回答
我很困惑，因为我已经设法通过不同的方法记录我的数据，但我不明白为什么当我使用props来记录数据(而不是重复代码)时，它不会记录输入。作为参考，我有一个字段组件，它将接受道具来驱动我的react-hook-form TextField将请求的内容。我想在组件上展开，但在它记录我的数据之前，我无法继续！下面是实际记录我的数据的代码： import
浏览 16提问于2021-07-13得票数 0
回答已采纳
我在我的应用程序中使用了react-hook-form，并在react-hook-form中使用了autocomplete。我的自动完成有像1988,1987,1986这样的下拉值，我想我不需要为这个自动完成使用onchange事件，当我从下拉列表中选择1988时，这个值通过react-hook-form传递，而不使用onchange然而，当我从autocomplete中选择一个值并提交react-hook-form时，0被作为参数传递，而不是实际的值
浏览 28提问于2021-07-31得票数 1
回答已采纳
&& errors.test.message} </form>}; 当我点击"Submit“时，react-hook-form显示错误信息：‘字段是必需的。’。当我想写单词"TEST“，下一步我尝试删除这个文本，例如选择所有文本并点击Backspace按钮，然后我不能从输入中删除这个文本，但是显示了关于空值<e
浏览 40提问于2021-01-28得票数 2
我正在使用react-hook-form来控制和验证一个表单，只需要一个必需的输入。isValid} 问题是，即使输入为空，提交按钮最初也不会被禁用。
浏览 12提问于2021-08-06得票数 2
回答已采纳
python脚本，该脚本将解压文件本身中的数据。在我的网页的这个操作阶段，一切正常，我把响应发回我的前端，相应地处理数据，然后继续前进。 我的前端的其余部分需要用户在向我的后端提交第二个帖子之前输入特定的数据，并使用不同的请求代码。在该实例中，我向后端发送了另一个包含所有所需数据的FormObject，其方式与我对文件上传帖子所做的</e
浏览 24提问于2021-01-28得票数 0
我正在使用react hook form，并且正在寻找一种方法来将自定义属性注入到钩子返回的handleSubmit方法中。我需要这样做的原因是，我的组件充当state library的Consumer，并且我希望在提交表单后更新状态。我可能还想将道具传递给该方法。 从API来看，这似乎是不可能的。
浏览 13提问于2020-01-06得票数 1
回答已采纳
1回答
它适用于简单的字符串。请参见下面的架构。它只检查有效的url。如果字段为空，则抛出一个错误。换句话说，字段不再是可选的。它接受有效的url，但不接受空白输入字段。当然，我希望它接受一个空白输入和一个有效的url作为唯一有效的输入。const FormSchema = z.object({})
问题可能与输入字段在空白时返回错误的数据类
浏览 10提问于2022-10-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
