typescript - Redux DevTools 现在在状态 View 中显示 typescript map 对象

Question

我们刚刚从 immutable 迁移到 immutable，在 chrome 中使用 Redux Devtool 时得到了一个惊喜(在 firefox 中也是如此)

我们的 redux state 使用 typscript 映射、集合和数组。例如

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

当检查 de ReduxDev Tools 时，ns 总是空的，即使它里面有值。对于其他 typescript 对象也是如此。普通物体就可以。

有人遇到同样的问题吗？

Answer 1

正面临这个问题。

遍历 docs ，似乎默认情况下未启用序列化 map (以及其他一些对象/数据结构)。

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

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