按索引重复读取数组元素

这里唯一的“问题”是,随着时间的推移,您的应用程序可能会变得越来越复杂,以后很难对其进行维护。

find 方法很好,如果您的商店中没有数百个商品,则不会有问题。

  function reducer(action, state) {
    switch (action.type) {
      case 'YOUR_CASE': {
        return {
          ...state,
-         itemList: action.itemList,
+         itemList: Object.fromEntries(
+           action.itemList.map(item => ([item.id, item]))
+         ),
        }
      }
    }
  } 

你的商店里就会有这样一个物品:

{
  1: {
    id: 1,
    title: 'some item',
  },
  2: {
    id: 2,
    title: 'some other item',
  },
}

小心点 Object.fromEntries 只是一个 recent API ,您可能需要填充它。

itemList 作为之前的数组:

- itemList: state.itemList,
+ itemList: Object.values(state.itemList),