react-hook-form相关内容

上传多个文件并查询Firestore DB-ReactJS

关于这个问题,我已经阅读了很多类似How to upload multiple files to Firebase?的帖子,我尝试了不同的选项,但是没有得到结果。 我正在使用Reaction Hook表单处理一个极其巨大的表单,现在我必须添加更多输入(以上载文件),并且需要帮助同时执行所有操作。 我更新一个文件的代码: const onChangeFile = async (e: ..

是的,非必填字段的验证

我的项目中有一个配置文件创建表单,我使用 react-hooks-form 和 yup 库进行验证. 在表单中有一个名为 Github-Username 的字段,这是可选的.但是我想验证它是否用户输入了用户名并且它应该超过 2 个字符,类似这样. const schema = yup.object().shape({公司:yup.string().min(3).required(),网站 ..
发布时间:2021-12-31 16:27:06 其他开发

React Hook Form 与 A​​ntD 样式

我正在研究如何在 antd 前端使用 react-hook-form. 我制作了这个表单,它似乎可以工作(它是多部分表单向导的第 1 部分),只是不显示错误消息. 谁能看到我在合并这两个表单系统时做错了什么? 我没有收到任何错误,但我想我已经要求两个表单字段都是必需的,但是如果我在没有完成它们的情况下按提交,则不会显示错误消息. 从“react"导入React;从“react- ..
发布时间:2021-11-11 03:26:09 其他开发

如何在链接点击时获取输入字段值?

我正在使用 json动态 生成我的表单.但是我在一个地方敲了一下,同时在点击时获取输入字段的值. 当我的演示应用程序运行时,它会显示一个输入字段(用户在其中输入手机号码)和一个按钮(文本发送 OTP).输入号码示例 (9891234178) 并按 Enter 后,它会显示 OTP 字段和链接 重新发送 OTP . 我想在点击时捕获 link(重新发送 otp)的点击处理程序我想获取我的 ..
发布时间:2021-07-03 19:35:42 前端开发

如何在每次输入更改时获取现有缓存数据?

我的应用程序有一个用户 input 一个 id 作为 request 和匹配的 response data 发送id 被渲染. 如果 data 已经存在于 cache 中,我希望应用程序在每个 input 上从 cache 中获取改变. 如果data在cache中不存在,则应用程序只能通过让用户点击来发送request提交按钮. 一旦用户输入input,我将访问cache 并检查 ..

如何使用 useEffect() 更改 React-Hook-Form defaultValue?

我正在创建一个页面,供用户使用 React-Hook-Form 更新个人数据.加载 paged 后,我使用 useEffect 获取用户当前的个人数据并将它们设置为表单的默认值. 我将获取的值放入的defaultValue.但是,它只是没有显示在文本框中.这是我的代码: import React, {useState, useEffect, useCallback} from 'rea ..
发布时间:2021-07-03 19:22:17 前端开发

React-我的表单正在提交空数据,因为已声明但从未使用过"e"和"data"?

我正在尝试使用 react-hook-form 来实现表单.我实际上无法正确连接数据和事件.docs指出,我正在使用react-hook-form库中的 handleSubmit 函数,并将我的自定义Axios帖子作为 onSubmit 参数:{handleSubmit(onSubmit) 根据我的Vscode,数据和事件未正确注册. const onSubmit =(data,e)=>{} ..
发布时间:2021-05-31 20:36:28 前端开发

使用自动完成材料UI响应表单挂钩

我有一个 country 数组,其中包含 id 和 name .目前,我正在使用Material UI Autocomplete 元素,并且具有react hook表单.提交表单时,我想获取国家/地区ID.目前,它正在发布国家/地区名称.有没有一种方法可以发布ID而不是名称,而无需从名称中获取ID. ..
发布时间:2021-05-31 20:35:47 其他开发