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

标签 javascript reactjs react-hook-form

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

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

最佳答案

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

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

请查看官方文档 here

关于javascript - 使用 React Hook Form 监视所有字段重新渲染 useEffect 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66321358/

相关文章:

javascript - 如何在 Typescript 中进行后期绑定(bind)

reactjs - react-hook-form 方法有哪些类型?

reactjs - 使用 material-ui TextField 进行最新的 react-hook-form 错误处理

javascript - react-hook-form onSubmit 未触发

javascript - 在android webview中删除网页的某些部分然后显示它

javascript - 有没有办法通过按下按钮从 JS 向 C++ 发送 http 请求

javascript - 如何在 React.js 中添加延迟?

javascript - 如何检查同一索引处的两个数组?

javascript - Python 相当于 JavaScript 的 `Object.defineProperty()`

javascript - Jquery Promise 主干提取