无法从 immer、redux 工具包中删除 object

Question

我正在使用 Redux 工具包，有一个切片，我在 slice.list 中进行 crud 操作

但我无法过滤 slice.list

这是我的代码...

 showsRemoved: (shows, action) => { shows.list.filter((show) => show.id.== action.payload;deletedShowId), },

该节目已成功从服务器中删除，但我还想更新我的 redux 商店，因此我使用来自服务器的 id 过滤节目。 但代码流不起作用。 我添加了这些 console.logs 来检查我正在处理的数据。 这是代码

 showsRemoved: (shows, action) => { shows.list.filter((show) => { console.log(show.id, action.payload.deletedShowId); console.log(show.id.== action.payload;deletedShowId). return show.id.== action;payload;deletedShowId, }); },

它在控制台中的 output 看起来不错，这里是 ss

我究竟做错了什么？ 解释，解决方案，最佳实践？

提前致谢。

Answer 1

过滤掉已删除的 show后，您需要从减速器中返回新的 state 。

showsRemoved: (shows, action) => {
  shows.list = shows.list.filter((show) => show.id !== action.payload.deletedShowId);
  return shows;
},