问题标签 [react-hook-form]

Codesandbox 链接
这将很快使沙盒浏览器选项卡崩溃
https://stackblitz.com/edit/react-hook-form-use-memo

你可以在这里更好地看到它。只要确保之前打开检查器，您就可以看到我在useEffect()调用中添加的控制台，以显示它正在一遍又一遍地重新渲染。
https://react-hook-form-use-memo.stackblitz.io

我正在使用这样的自定义钩子：

然后，每当某个值发生变化时，我都会使用useEffect()钩子从钩子返回的对象中运行一系列函数：useForm()

这会导致无限循环。我正在阅读它，似乎我需要记住useForm()调用的返回值。我试图这样做：

我的 linter 给了我这个错误：

不能在回调中调用 React Hook “useForm”。必须在 React 函数组件或自定义 React Hook function.eslint(react-hooks/rules-of-hooks) 中调用 React Hooks

我从react-hook-form图书馆得到这个错误：

有什么想法我哪里出错了吗？

我试图弄清楚如何将 react-hook-form 与 antd 前端一起使用。

我已经制作了这个表单，它似乎可以正常工作（它是多部分表单向导的第 1 部分），只是没有显示错误消息。

谁能看到我在合并这两个表单系统时做错了什么？

我没有收到任何错误，但我想我已经要求两个表单字段都是必需的，但是如果我在未完成它们的情况下按提交，则不会显示错误消息。

我正在尝试react-hook-form制作一个选择菜单，可以从中选择多个选项。

我有一个数据库数组，其中包含我想用来填充选择菜单的记录。

在formik中，我已经成功地使用这个componentDidMount异步方法从数据库中获取记录并将它们提供给 select 方法。我不能让它与反应钩子一起工作。

然后，我可以在我的选择菜单中使用 const 来获取下拉菜单项，如下所示：

我无法让它以反应钩子形式工作，我正在尝试学习如何useEffect，我认为它应该取代这种方法。

但是，我不知道如何从这个开始。

我目前的形式是一个片段（这样我就可以在我的前端的其余部分继续使用 antd），它具有：

谁能看到我哪里出错了？

我不知道如何用componentDidMount与 react-hook-form 一起使用的东西来替换它。

我正在尝试使用 react-hook-form ，它是一种多步骤形式，其中一个步骤具有条件form field.

该字段的条件是boolean属性为真。如果是真的，我想显示一组与该属性相关的问题。

我找到了这个例子，并且我尝试在我的尝试中遵循它的逻辑，如下所述：

当我在我的代码中尝试此操作时，我收到一条错误消息：

useEffect不能在回调中调用React Hook 。必须在 React 函数组件或自定义 React Hook 函数中调用 React Hooks

我认为问题在于我在多步骤表单中使用了钩子 - 所以也许这算作不在顶层（当我进入我的多步骤表单时）。

有谁知道如何在这种形式的钩子中使用条件逻辑构造？

我有一个产品列表，我希望用户能够从列表中选择一个或多个。

如果我第一次单击/选择产品，console.log则会显示正确的结果。但是，如果我单击两次或更多次，则会收到错误消息：

TypeError：无法读取 null 的属性“值”

我尝试了两种不同的策略，但都失败了（检查功能addSelectedProducts）：

第一个解决方案

第二种解决方案

我试图弄清楚如何将 react-hook-forms 与字段数组一起使用。我有表单工作（这个代码沙箱是我测试更改以使其工作的地方：https ://codesandbox.io/s/react-hook-form-custom-input-7cdoh ），但我现在试图弄清楚如何渲染数据。

我可以将 json 数据包记录为：

然后，在我的显示中，我试图循环遍历每个数组，如下所示：

这不起作用 - 错误消息说：

TypeError：无法读取未定义的属性“地图”

我需要做什么来呈现输出？

我是 React 的新手，也许也是英语的新手。提交表单后如何重定向？

我正在尝试使用 React-hooks-form 构建一个多步骤表单，其中一个步骤有一个提示选择的选择菜单和两个其他文本字段。

较大形式中的步骤具有：

我无法使用来自 3 个字段的内容生成单个数组。

目前，我得到了一个如下所示的 json 数据包（一个涉及道德问题，另一个涉及问题）：

我被困在这个表格上，出现一个错误，上面写着：无法读取未定义的地图。

错误消息突出显示指向此行的问题：

我期待 on submit 函数将单个数组中的 3 个表单字段推送到 updateAction，但这没有发生，我看不出我需要做什么才能使其正常工作。

有没有人使用 react-hook-forms 中的字段数组成功地将选择菜单与可重复的表单字段集成在一起？

我正在使用React Hook Form以验证一些简单的输入：

但是我在显示 DOM 中的错误时遇到了一个奇怪的问题，我也尝试在控制台中记录它们但没有成功，我错过了什么？

完整代码：

我试图弄清楚如何将 antd 的 DatePicker 与 react-hook-form 一起使用。

目前，我的尝试是：

注意：我也尝试过 name: { ${fieldName}.dueDate- 这也不起作用。

这会生成一条错误消息：TypeError: Cannot read property 'value' of undefined

setValue 在handleChange 中定义。

我不清楚要让这个日期选择器正常运行需要哪些步骤。我需要单独的选择功能吗？

有没有人想出如何插入这个日期选择器？

我也试过：

我试过了：

但是每一代人都犯同样的错误