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

Question

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

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

Answer 1

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

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

请在这里查看官方文档