如何解决更新时反应redux保持相同顺序 ETC
我有一个用户列表
以及采取后续行动
我有这个切片:
usersFollowSuccess: (state,action) => {
const userId = action.payload._id;
const filtered = state.data.filter((user) => {
return user._id !== userId;
});
return {
...state,data: [...filtered,action.payload],error: false,loaded: true,};
},
一切正常,但在视图中为更新的用户
走到最后一个位置。
如何在视图中保持相同的位置? 我尝试在地图的末尾添加排序 没有运气。
更新
我已经与
const data = state.data.map((user) => {
if (user._id === userId) {
user = action.payload;
}
return user;
});
解决方法
答案
首先,如果要使用reveresed = [...array].reverse()
。 sort
就像
map
您提到的是我尝试在地图的末尾添加排序没有运气。所以,我想您应该在渲染后对项目进行排序。
而且,如果您要在操作有效时对该项目进行排序
items.sort(sortFunc).map(item=>(...));
ETC
不要因为粗鲁的人而烦恼:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。