问React redux连接渲染优化

EN

我想知道如何在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停止重新渲染，但这是一个好方法吗？