gpt4 book ai didi

javascript - React 仅重新渲染网格中更改的元素

转载 作者:行者123 更新时间:2023-11-28 17:48:37 25 4
gpt4 key购买 nike

我有一个矩形网格,其状态由 redux 管理。然而,当其中一个矩形的值通过增加一个值来更新时,整个网格将被重新渲染。我可以这么说,因为我在渲染周期中随机生成颜色,并且所有方 block 的颜色都发生了变化。但是,理想情况下,只有实际更新的方 block 才会重新渲染。

CODE SANDBOX

最佳答案

您应该对 ListItem 使用 PureComponent 并更新 ListItem 本身内部的卡片样式。这样,只有当相关的 redux-state 更新时,盒子才会一一更新。

https://codesandbox.io/s/n33k03yxkp

阅读 React 文档中的 PureComponent 和 shouldComponentUpdate() 函数:https://facebook.github.io/react/docs/react-api.html#react.purecomponent

关于javascript - React 仅重新渲染网格中更改的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46145257/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com