如何使用createEntityAdapter在列表顶部添加条目而非底部？

方法一：自定义全局排序规则 #

如果你的帖子实体包含createdAt这类能标识创建顺序的字段，可以在创建Entity Adapter时指定排序规则，让列表始终按创建时间倒序排列，新帖子自然会出现在顶部：

// 创建Entity Adapter时配置排序逻辑
const postEntityAdaptor = createEntityAdapter({
  sortComparer: (a, b) => b.createdAt.localeCompare(a.createdAt)
});

// 原addCase代码无需修改
.addCase(createPost.fulfilled, (state, action) => {
   postEntityAdaptor.addOne(state, action.payload);
})

方法二：手动修改状态结构 #

如果仅需要在创建帖子时将新条目置顶，不影响其他操作的排序逻辑，可以直接操作Entity Adapter维护的ids数组和entities对象：

.addCase(createPost.fulfilled, (state, action) => {
  const newPost = action.payload;
  // 将新帖子ID插入到ids数组的首位
  state.ids.unshift(newPost.id);
  // 将新帖子实体存入entities对象
  state.entities[newPost.id] = newPost;
})

两种方法的区别 #

• 方法一是全局配置，所有涉及列表排序的操作都会遵循该规则，适合需要始终按时间倒序展示帖子的场景。
• 方法二仅针对当前createPost.fulfilled动作生效，灵活性更高，适合仅在创建时置顶的场景。

内容的提问来源于stack exchange，提问作者Zeeshan Ansari