javascript - 使用 React Hook Form 监视所有字段重新渲染 useEffect 的问题

Question

我对带有复选框输入的表单使用 lib React Hook Form。我不明白这段代码有什么问题。此代码重新渲染具有依赖关系的 useEffect。当仅尝试呈现单个复选框输入时，此行为未得到验证。有人有一个想法，使用 map 函数来渲染多个输入，而不需要重新渲染？

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

Answer 1

您正在使用 react-hook-form watch 方法。每当更改字段值时，此方法将在应用的根级别重新呈现。

为了获得更好的性能，您可以改用 useWatch，它只会在组件级别重新渲染。

请查看官方文档 here