小贝子编程

使用React Hook Form重新渲染带有watch所有字段的useEffect的问题

本文关键字：watch 字段问题 useEffect Hook React Form 新渲染使用 javascript reactjs react-hook-form
更新时间 : 2023-09-22
英文 : Problem of re-rendering useEffect with watch all fields using React Hook Form

我使用一个lib React Hook Form作为一个带有复选框输入的表单。我不明白这段代码出了什么问题。这段代码重新渲染了一个带有依赖关系的useEffect。当尝试呈现单个复选框输入时，未验证此行为。有人有一个想法，使用一个地图函数来渲染多个输入，没有这个重新渲染?

我用下面的代码创建了一个沙盒https://codesandbox.io/s/react-hook-form-watch-c9xgu?file=/src/index.js

您正在使用反应钩子形式的监视方法。当一个字段的值被改变时，这个方法会在应用的根级重新渲染。

为了更好的性能，你可以使用useWatch代替，它只会在组件级别重新渲染。

请在这里查看官方文档

相关内容