136得票12回答
如何使用useEffect()更改React-Hook-Form中的defaultValue?

我正在使用React-Hook-Form创建页面,用于更新用户个人数据。一旦页面加载完成,我使用useEffect来获取用户当前的个人数据,并将其设置为表单的默认值。 我将获取到的值放入<Controller />的defaultValue中。 然而,在文本框中并没有显示默认值。...

89得票5回答
在React中出现了未捕获的TypeError:path.split不是一个函数

我正在尝试使用react对我的表单进行验证。我选择了“react-hook-form”库。但是我一直遇到错误“Path.split不是一个函数”。即使在他们网站上使用默认示例,我仍然会收到相同的错误信息。 这是官方网站上提供的默认代码。import React from "react...

73得票4回答
如何让 react-hook-form 在一个页面中处理多个表单?

我在我的项目中使用react-hook-form,我有2个完全独立的表单,但是当我提交其中一个表单并且另一个表单中的某些字段是必填项时,我无法提交当前表单,请查看演示,并尝试提交其中一个表单,这些表单应该彼此独立工作,但它们似乎相互依赖。

53得票7回答
一个组件正在将一个不受控制的自动完成组件转换为受控制的。

你能告诉我,为什么我会收到错误信息“一个组件正在将一个未受控制的自动完成更改为受控制的。 元素不应从未受控制变为受控制(反之亦然)。 决定在组件的生命周期中使用受控或未受控制的自动完成元素。” 组件: function AutoComplete(props) { const defaul...

49得票3回答
能否在React Hooks表单中使用react-datepicker?

能否在react hooks表单中使用react-datepicker?我尝试了以下示例:https://codesandbox.io/s/awesome-shape-j0747?fontsize=14&hidenavigation=1&theme=dark,但是没有成功。im...

49得票8回答
正确使用 react-hook-form 的 Controller 和 Material UI Autocomplete

我正在尝试使用自定义的Material UI Autocomplete组件,并将其与react-hook-form连接起来。 TLDR:需要在不使用defaultValue的情况下使用Material UI Autocomplete与react-hook-form Controller。 ...

47得票8回答
React Hook Form: 如何在 React Hook Form 版本 7.0 上使用 onChange?

以前我写作的风格是这样的:<input className="form-control" name="productImage" type='file' onChange={handleImageUpload} ref={register({ re...

42得票2回答
react-hook-form的默认值未在React JS中设置输入字段的值

我想使用react-hook-form在输入字段中提供默认值。 首先,我从API端点检索用户数据,然后将状态users设置为该用户数据。 然后,我将状态users传递给useForm()的defaultValues参数。import React, { useState, useEffect }...

41得票10回答
如何在react-hook-form中使用Material UI Select?

我在React中使用Material UI和React Hook Form构建了一个表单。我正在尝试创建一个自定义的TextField元素,使其作为Select输入工作。我希望它是一个未受控制的组件,并具有Ref属性。我已经尝试按照Material UI和React Hook Form文档推荐...

31得票4回答
如何使用 react-hook-form 条件性地禁用提交按钮?

找不到解决方案。 我正在使用 react-hook-form 并且想要在表单为空时禁用提交按钮,在所有表单至少填写了一些内容后启用该按钮。 如何使用 react-hook-form 实现这一点?