react-hook-form相关内容
在用Cypress测试App时,如何捕获HTML5内置的弹出验证错误?它似乎没有显示在DOM中,所以我不知道如何使用cy命令(我使用的是testing-library)捕获它。 推荐答案 有关这一点,可以参考柏树FAQ。 cy.get('locator').then(($input) => { expect($input[0].validationMessage).to.eq
..
关于这个问题,我已经阅读了很多类似How to upload multiple files to Firebase?的帖子,我尝试了不同的选项,但是没有得到结果。 我正在使用Reaction Hook表单处理一个极其巨大的表单,现在我必须添加更多输入(以上载文件),并且需要帮助同时执行所有操作。 我更新一个文件的代码: const onChangeFile = async (e:
..
当用户选择5个以上的复选框但未成功时,我尝试使用yup和react-hook-form显示错误。 相反,选中第七个复选框时会显示错误。 以下是简化代码: imports... const schema = yup.object().shape({ option: yup.array().max(5) }); function App() { const { regist
..
我已经使用MUI在Reaction中构建了一个表单,并在Reaction Hook表单中构建了一个表单。我正在尝试创建一个自定义TextField元素,该元素用作Select Input。我希望它是具有Ref道具的不受控制的组件。我已尝试将inputRef属性作为MUI和Reaction Hook窗体文档的建议传递,但没有成功。
..
我有一些可清除的选择,我想将状态中的 applet 字段重置为空数组. const defaultFormValues = { device: { ...initialDevice }, applet: [] };const { control, getValues, setValue, reset, handleSubmit } = useForm({模式:“全部",reValidateMod
..
我正在为我的编辑数据表单使用 react-hook-form npm 模块.下面是我的 API 响应示例: {UUID:“xxxxxx-bd10-473e-a765-xxxxxx"地址 1:“地址 1";地址2:“地址2";地址3:“"城市:“xxxxx"联系人:“uxxxxxb"国家:“xxxxxx"电子邮件:“xxxxxx@email.com"链接:{公司:'xxxxxx-4689-4689
..
我的项目中有一个配置文件创建表单,我使用 react-hooks-form 和 yup 库进行验证. 在表单中有一个名为 Github-Username 的字段,这是可选的.但是我想验证它是否用户输入了用户名并且它应该超过 2 个字符,类似这样. const schema = yup.object().shape({公司:yup.string().min(3).required(),网站
..
我正在将 react-hook-form npm 模块用于我的编辑数据表单.下面是我的 API 响应示例: {UUID:“xxxxxx-bd10-473e-a765-xxxxxx"地址 1:“地址 1";地址2:“地址2";地址3:“"城市:“xxxxx"联系人:“uxxxxb"国家:“xxxxxx"电子邮件:“xxxxxx@email.com"链接:{公司:'xxxxxx-4689-4689-
..
我正在尝试在广播和广播组上绑定一个反应钩子表单.但是,我遇到以下问题 属性 'Group' 不存在于类型 'ForwardRefExoticComponent
..
我正在研究如何在 antd 前端使用 react-hook-form. 我制作了这个表单,它似乎可以工作(它是多部分表单向导的第 1 部分),只是不显示错误消息. 谁能看到我在合并这两个表单系统时做错了什么? 我没有收到任何错误,但我想我已经要求两个表单字段都是必需的,但是如果我在没有完成它们的情况下按提交,则不会显示错误消息. 从“react"导入React;从“react-
..
我正在尝试使用 react-hook-form 库来验证表单.当我使用 ant design 或 material UI 渲染视图时,它无法正常工作. {errors.firstName &&'名字是必需的'} 发生了一些警告:"Missing name at....".
..
我正在尝试将
..
我正在使用 react-hook-form(https://react-hook-form.com/) 在我的演示中. 我无法设置 AutoComplete 的默认值.我已经按照文档中的说明尝试了 defaultValue 但它不起作用.这是我的代码: https://codesandbox.io/s/react-hook-form-get-started-v24jk const
..
我正在使用 json动态 生成我的表单.但是我在一个地方敲了一下,同时在点击时获取输入字段的值. 当我的演示应用程序运行时,它会显示一个输入字段(用户在其中输入手机号码)和一个按钮(文本发送 OTP).输入号码示例 (9891234178) 并按 Enter 后,它会显示 OTP 字段和链接 重新发送 OTP . 我想在点击时捕获 link(重新发送 otp)的点击处理程序我想获取我的
..
我的应用程序有一个用户 input 一个 id 作为 request 和匹配的 response data 发送id 被渲染. 如果 data 已经存在于 cache 中,我希望应用程序在每个 input 上从 cache 中获取改变. 如果data在cache中不存在,则应用程序只能通过让用户点击来发送request提交按钮. 一旦用户输入input,我将访问cache 并检查
..
我正在使用带有材质 UI 的 react-hook-form.单击按钮时,我想获取我的 autocomplete select 框值.目前它以 label 作为 value 我需要 year 应该是一个值 这是我的代码 https://codesandbox.io/s/react-hook-form-get-started-nt4kh 当我选择 { title: "The God
..
我正在创建一个页面,供用户使用 React-Hook-Form 更新个人数据.加载 paged 后,我使用 useEffect 获取用户当前的个人数据并将它们设置为表单的默认值. 我将获取的值放入的defaultValue.但是,它只是没有显示在文本框中.这是我的代码: import React, {useState, useEffect, useCallback} from 'rea
..
我正在尝试使用 react-hook-form 来实现表单.我实际上无法正确连接数据和事件.docs指出,我正在使用react-hook-form库中的 handleSubmit 函数,并将我的自定义Axios帖子作为 onSubmit 参数:{handleSubmit(onSubmit) 根据我的Vscode,数据和事件未正确注册. const onSubmit =(data,e)=>{}
..
我有一个 country 数组,其中包含 id 和 name .目前,我正在使用Material UI Autocomplete 元素,并且具有react hook表单.提交表单时,我想获取国家/地区ID.目前,它正在发布国家/地区名称.有没有一种方法可以发布ID而不是名称,而无需从名称中获取ID.
..
我正在尝试将MUI的自动完成功能与react-hook-form一起使用.我已经在React Hook Form的Controller中包装了一个自动完成组件.当我尝试将defaultValue设置为AutoComplete时,它不起作用,当我尝试更改预设值时,自动完成组件会中断.这是我的代码段.
..