文章/答案/技术大牛

发布

社区首页 >问答首页 >当输入的值被更改时，整个dom重新呈现

问当输入的值被更改时，整个dom重新呈现
EN

Stack Overflow用户

提问于 2022-10-04 09:25:23

回答 2查看 99关注 0票数 -3

我有一个反应组件，在其中我有两个状态inputText和学生，inputText是跟踪输入的值，而学生是一个数组，用来映射学生的列表。现在我的问题是，每当更改inputText的值时，就会重新呈现整个dom，其中包括与inputText无关的学生列表。现在，对于一个10到20名学生的小名单，我们甚至不会注意到。但我有超过1000名学生，这意味着反应是重新渲染每一个输入变化的1000个列表项。由于这一点，输入中的更改反映得非常慢，而且在每次更改时，dom都为空2-3秒，然后在一段时间后打印出整个列表。

以下是我所在州的截图：

以下是与学生无关的onChange函数的截图

javascript

reactjs

react-hooks

next.js

回答 2

Stack Overflow用户

发布于 2022-10-04 21:01:25

您可以查看useMemo钩子。这里是一个很好的例子，它被用来防止不必要的重呈现。

票数 0

Stack Overflow用户

发布于 2022-10-05 09:46:06

嗨，请查看这个文章，看看React.useCallback部分，您应该找到答案。此外，如果是搜索字段，我建议您使用debounce进行优化。这里 --您可以找到如何实现这个功能。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73945760

复制

相似问题

问当输入的值被更改时，整个dom重新呈现
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当输入的值被更改时，整个dom重新呈现EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当输入的值被更改时，整个dom重新呈现
EN