Redux Toolkit - 我无法更新 Slice 状态？

Question

我想更新状态并尝试了几种方法来做到这一点，但我做不到。 首先，我得到了一个 problem 获取状态，结果，我得到的是代理，而不是状态。

这是由 redux 工具包的 current() 函数修复的。 接下来，我遇到的问题是突变主切片状态。

这是一个用于变异的 reducer。

reducers: {
    setUser: (state, payload) => {
      console.log("before", current(state)); //init state
      state.currentUser = {
        ...state.currentUser,
        loggined: true,
      };
      console.log("after", current(state)); // here I have new state but...
      
    },
    clearUser: (state) => {},
  },

因此，作为第二个控制台日志，当我想更改页面或只想对状态下的新数据做某事时，我必须通过useSelector() redux 函数来说明我想要的内容，作为结果，我老了，状态没有变。

为什么会这样？

Slice 状态示例：

initialState: {
    currentUser: {
      loggined: false,
      isAdmin: false,
      jwt: false,
    },
  },

谢谢！

Answer 1

Reducers 的 createSlice 使用 immer：

这个对象将被传递给 createReducer，因此 reducer 可以安全地“改变”它们被赋予的状态。

因此，您可以从createReducer返回一个新状态的新对象或“变异”它而不返回它

您需要确保更改状态参数或返回新状态，但不能同时更改两者。

所以你可以这样做：

setUser: (state, payload) => {
  //state here is an immer draft, do not use that to copy current state
  console.log("before", current(state)); //init state
  state.currentUser.loggined = true;
  //not returning anyting
},

不确定如何根据旧状态返回新状态，因为 ...state 会复制 immer 草案而不是状态。除非它是一个数组，否则甚至找不到这样做的例子。