typescript - Redux DevTools 现在在 State 视图中显示 typescript Map 对象

Question

我们刚刚从 immutable 迁移到 immer，在 chrome 中使用 Redux Devtool（在 Firefox 中也是如此）时得到了惊喜

我们的 redux 状态使用打字稿映射、集合和数组。例如

export interface IStoreRoot {
    appDefinition: IStoreAppDef;
    discussions: IStoreDiscussions;
    themes: IStoreThemes;
    ns: Map<nsUid, INameSpace>;
...
}

签入 de ReduxDev Tools 时，ns 始终为空，即使它内部有值。对于其他打字稿对象也是如此。简单的物体很好。

有人遇到同样的问题吗？

Answer 1

正面临这个问题。

浏览文档，似乎默认情况下未启用序列化 Maps（以及少数其他对象/数据结构）。

您需要显式添加代码以序列化它们。例如在这种情况下：

const store = Redux.createStore(reducer,
 window.__REDUX_DEVTOOLS_EXTENSION__ &&
 window.__REDUX_DEVTOOLS_EXTENSION__({
  serialize: { 
    options: {
     map: true,
    }
  }
}));