你链接到的页面的介绍有效地涵盖了Redux reducer函数在过去如何工作的一段历史。Redux状态被认为是不可变的，所以如果你想更新切片状态的任何部分，你必须浅拷贝所有你想更新的状态和嵌套状态。
请参见异径管和不可变状态：

function handwrittenReducer(state, action) {
  return {
    ...state,
    first: {
      ...state.first,
      second: {
        ...state.first.second,
        [action.someId]: {
          ...state.first.second[action.someId],
          fourth: action.someValue,
        },
      },
    },
  }
}

Redux-Toolkit附带了immer，所以我们可以编写可变的reducer函数，并且知道我们只是在编辑状态的草稿副本，该副本将以不可变的方式应用。
你对浸入式使用模式感兴趣，特别是变异和返回状态。
在任何给定的case reducer中，**Immer期望您要么 * 改变 * 现有的状态，要么自己构造一个新的状态值并返回它，但 * 不能 * 在同一个函数中同时使用这两种方法！**例如，这两种方法对于Immer都是有效的reducer：

const todosSlice = createSlice({
  name: 'todos',
  initialState: [],
  reducers: {
    todoAdded(state, action) {
      // "Mutate" the existing state, no return value needed
      state.push(action.payload)
    },
    todoDeleted(state, action.payload) {
      // Construct a new result array immutably and return it
      return state.filter(todo => todo.id !== action.payload)
    }
  }
})

您可以修改状态的一部分，更改将被正确应用或者*您可以返回一个完全新的状态对象，根据需要对其进行或多或少的更新。唯一禁止的是修改现有状态的一部分并*返回一个新的状态对象引用。

禁止更新：

const todosSlice = createSlice({
  name: 'todos',
  initialState: {todos: [], status: 'idle'}
  reducers: {
    todoDeleted(state, action.payload) {
      // Construct a new array immutably
      const newTodos = state.todos.filter(todo => todo.id !== action.payload);

      // "Mutate" the existing state to save the new array
      state.todos = newTodos;

      return {
        ...state,
        status: 'complete',
      };
    }
  }
});

可接受的更新：

const todosSlice = createSlice({
  name: 'todos',
  initialState: {todos: [], status: 'idle'}
  reducers: {
    todoDeleted(state, action.payload) {
      // Construct a new array immutably
      const newTodos = state.todos.filter(todo => todo.id !== action.payload);

      // "Mutate" the existing state to save the new array
      state.todos = newTodos;
      state.status = 'complete';
    }
  }
});