使用RTK管理实体的最佳方法是使用createEntityAdapter实用程序

interface Counter {
  id: string
  value: number
}

const counterAdapter = createEntityAdapter<Counter>({
  selectId: (counter) => counter.id,
  sortComparer: (a, b) => a.value.localeCompare(b.value),
})

export const {
  selectById: selectCounterById,
} = usersAdapter.getSelectors()

const counterSlice = createSlice({
  name: 'counter',
  initialState: counterAdapter.getInitialState(),
  reducers: {
    increment(state, action: PayloadAction<{ id: string }>) {
      const counter = selectCounterById(state, action.payload.id);
      counter.value = counter.value + 1;
      counterAdapter.upsertOne(state, counter);
    },
  },
})