使用Immer编写Reducers

调试和检查起草状态

通常希望从 reducer 记录正在进行的状态，以查看更新时的状态，如console.log(state)。不幸的是，浏览器以难以阅读或理解的格式显示记录的代理实例：

为了解决这个问题，Immer 包含了一个 current 函数，可以提取包裹数据的副本，RTK 可以重新导出 current。如果需要记录或检查正在进行的工作状态，可以在 reducers 中使用此功能：

import { current } from "@reduxjs/toolkit";

const todosSlice = createSlice({
    name: "todos",
    initialState: todosAdapter.getInitialState(),
    reducers: {
        todoToggled(state, action) {
            // ❌ ERROR: 记录代理包裹的数据
            console.log(state);
            // ✅ CORRECT: 记录当前数据的纯JS副本
            console.log(current(state));
        },
    },
});

Immer 还提供 original 和 isDraft 函数，该函数在不应用任何更新的情况下检索原始数据，并检查给定值是否是代理包裹的草稿。从 RTK 1.5.1 开始，这两个版本也从 RTK 重新导出。

更新潜嵌套数据