我有一个矩形网格,其状态由redux管理。但是,当其中一个矩形的值更新时,比如递增一个值,整个网格将被重新渲染。我可以说这是因为我在渲染周期中随机生成颜色,并且所有正方形颜色都会发生变化。但是,理想情况下,只有实际更新的正方形才会重新渲染。
答案 0 :(得分:3)
您应该使用PureComponent for ListItem并更新ListItem内部的卡片样式。这样,只有当相关的redux-state更新时,这些框才会逐个更新。
https://codesandbox.io/s/n33k03yxkp
阅读反应文档中的PureComponent和shouldComponentUpdate()函数:https://facebook.github.io/react/docs/react-api.html#react.purecomponent