为何createSlice的reducer直接赋值状态无效？两种修改方式解析

Redux Toolkit（RTK）的createSlice内置了Immer库，它允许你在reducer里用"可变"的写法编写代码，内部自动转换成符合Redux要求的不可变状态更新。这两种写法的核心差异就在于Immer的工作机制：

为什么直接赋值state = {...}无效？ #

在createSlice的reducer函数中，传入的state参数是Immer创建的代理对象，而非原始的状态对象。当你直接执行state = {...}时，本质是把函数内部的state变量指向了一个全新的普通对象，完全替换了Immer的代理引用。

Immer只能追踪代理对象上的属性修改操作，无法感知到这种变量引用的替换，因此不会生成新的状态快照。Redux依赖状态的不可变更新来检测变化，自然无法识别到状态变更，最终导致组件不刷新、dispatch看似"失效"。

为什么修改state.item等属性有效？ #

当你直接修改代理对象的属性（比如state.item = action.payload.item）时，Immer会拦截这些赋值操作，在内部创建原始状态的副本，并在副本上应用修改，最终生成一个全新的不可变状态对象。这个过程完全符合Redux的状态更新规则，Redux能正常检测到状态变化，触发组件重新渲染。

补充：如果想替换整个状态怎么办？ #

如果确实需要完全替换整个state对象，不要直接赋值state = ...，而是直接返回新的状态对象，Immer同样会处理这种情况：

correctContent: (state, action: PayloadAction<CorrectiveState>) => {
  // 这种写法也有效
  return {
    item: action.payload.item,
    edit: action.payload.edit,
  };
}

内容的提问来源于stack exchange，提问作者vi-kry