我想知道如何在React中管理复杂的状态,限制那些内容没有改变的组件的渲染调用的数量。
举个例子:
我有简单的连接到redux存储容器组件与“项目”道具(这是数组)。
const Component = ({ items }) => (
<>{items.map(item => <ItemComponent key={item.id} {...item} />}</>
);
const mapStateToProps = state => ({
items: $$data.select.items(state),
});
const ConnectedComponent = connect(mapStateToProps)(MyComponent);
每次复杂商店的任何部分发生变化时-项目属性也会发生变化,即使项目数据没有更新,即使它是空的: oldProp:[] => newProp:[]。这会导致重新渲染。(我在React Dev Tools中找到了它,它突出显示了更新的组件)
我是否应该担心这种不必要的重新渲染?处理它的最好方法是什么?我已经发现新的React.memo hoc停止重新渲染,但这是一个好方法吗?
https://stackoverflow.com/questions/56647164
复制相似问题