React-Redux中使用createSlice修改State的方法及更新无效问题求助

你在使用Redux Toolkit的createSlice更新状态时，主要遇到了状态未正确更新和payload结构访问错误的问题，我来帮你拆解并解决：

核心问题拆解 #

1. 状态未更新的关键原因：你调用current(state).list.map(...)生成了修改后的新数组，但没有把这个新数组赋值回state.list——原state完全没被修改，自然不会触发DOM更新。
2. payload访问错误：你的action.payload结构是{ form: {...}, _id: "xxx" }，但代码里写了temp=action.payload.obj，这里根本不存在obj字段，正确的应该是action.payload.form。
3. 不必要的current()使用：current()是用来查看Immer包装后的state当前值的工具，但在reducer里修改状态时，你可以直接操作state本身，Immer会自动帮你处理不可变更新逻辑。

修正后的代码 #

[save.fulfilled]: (state, action) => {
  console.log("inside save it");
  console.log(action.payload, "test");
  console.log(current(state));

  // 直接更新state.list，利用Immer的不可变更新能力
  state.list = state.list.map((item) => {
    if (item._id === action.payload._id) {
      // 返回新对象：保留原item的所有属性，替换form字段
      return {
        ...item,
        form: action.payload.form,
        updated: new Date().toISOString() // 可选：同步更新时间戳
      };
    }
    return item;
  });

  console.log(current(state).list);
}

更高效的优化写法（可选） #

如果你的列表数据量较大，map会遍历所有元素，用findIndex定位到目标项后直接修改，性能会更好：

[save.fulfilled]: (state, action) => {
  const targetIndex = state.list.findIndex(item => item._id === action.payload._id);
  if (targetIndex !== -1) {
    // 直接修改对应元素的属性，Immer会自动处理不可变更新
    state.list[targetIndex].form = action.payload.form;
    state.list[targetIndex].updated = new Date().toISOString();
  }
}

内容的提问来源于stack exchange，提问作者Adarsh Raj