Redux Toolkit中updateTask触发状态变更错误，寻求解决方案

你的updateTask reducer直接修改了状态数组中的任务对象属性，且未生成新数组引用，触发了Redux的状态突变警告。以下是修复后的完整代码：

const initialState: TaskState = {
  tasks: [],
};

export const taskSlice = createSlice({
  name: "task",
  initialState,
  reducers: {
    addTask: (state, action: PayloadAction<localTask>) => {
      state.tasks.push(action.payload);
    },
    removeTask: (state, action: PayloadAction<localTask>) => {
      state.tasks = state.tasks.filter((item) => item.id !== action.payload.id);
    },
    updateTask: (state, action: PayloadAction<localTask>) => {
      // 生成新的tasks数组替换原数组，避免直接修改状态
      state.tasks = state.tasks.map((task) => {
        if (task.id === action.payload.id) {
          // 返回新对象，合并原属性与更新字段，不修改原对象
          return {
            ...task,
            title: action.payload.title,
            description: action.payload.description,
          };
        }
        return task;
      });
    },
  },
});

关键修改说明： #

• 原代码仅遍历数组并直接修改内部对象属性，属于直接突变状态，违反Redux不可变更新规则
• 修改后通过map生成新数组并赋值给state.tasks，同时对需要更新的任务返回新对象（用扩展运算符复制原属性再覆盖），完全遵循不可变状态要求
• 这样Redux能正确追踪状态变化，避免警告与异常行为

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