将索引 object 添加到 Redux 商店（Redux 工具包）的最佳方法是什么？

Question

到目前为止，我一直将所有内容存储在 arrays 中，但是在遇到关于键控 object 索引以及遍历 arrays 如何导致性能损失的 StachOverflow 问题之后，我想转向将内容存储为对象。 但是我不太明白语法。

这个减速器是为了创建一个索引 object 但它似乎不起作用。 我怎样才能修复它以产生下面所需的 object 形状？

type MsgPayload = {
  type: string;
  msgKey?: string;
  index?: number;
};

type IndexedMsgPayload = {
  [key: number]: MsgPayload;
};

const messengerSlice = createSlice({
  name: "messages",
  initialState,
  reducers: {
    emitMessage: (state, action: PayloadAction<MsgPayload | any>) => {
      state.total++;
      const indexedObj: IndexedMsgPayload = {
        0: {
          ...action.payload,
        },
      };
      action.payload[state.total] = indexedObj[0];
      state.messages = { ...state.messages, ...action.payload[state.total] };
    },
  },
});

我想实现这样的目标：

{
   1: { 
    type: 'type',
    msgKey: 'alert'
  },
}

Answer 1

Redux Toolkit 已经有一个createEntityAdapter API 可以为您定义和更新规范化的 state 结构：

• https://redux-toolkit.js.org/api/createEntityAdapter
• https://redux.js.org/tutorials/fundamentals/part-8-modern-redux#normalizing-state
• https://redux.js.org/tutorials/essentials/part-6-performance-normalization#normalizing-data