React Redux中通过索引移除数组元素无效问题排查

嘿，这个问题我一眼就看出来啦！你的写法确实不正确，导致移除操作没生效，原因很简单：

核心错误点 #

你的notifications数组里的元素是仅包含title字段的对象（比如 [{title: "系统通知"}, {title: "消息提醒"}]），但你在filter回调里把每个数组元素直接当成了id值来对比——这里的id参数其实是数组里的每一个对象，拿对象和action.id（应该是字符串/数字类型）做对比，结果永远是true，所以filter根本不会移除任何元素，看起来就像操作没生效一样。

正确的写法 #

首先得明确：既然数组里没有id字段，那action.id应该是对应你要移除元素的title值吧？如果是这样，只需要修改filter的回调逻辑，去对比对象的title字段就行：

case REMOVE_NOTIFICATION:
  return { 
    ...state, 
    notifications: state.notifications.filter(notification => notification.title !== action.id) 
  }

如果action.id不是对应title字段，那你得重新梳理你的匹配逻辑哦——毕竟数组里只有title这一个字段，只能基于它来做筛选。

另外提一句：你用...state来复制原有状态的写法是对的，符合Redux状态不可变的要求，这部分没问题~

内容的提问来源于stack exchange，提问作者Matt Saunders