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