如何使用打字稿清理 redux 工具包中的数据？

Question

当我试图获取服务器数据时，我的控制台出现了这个错误。

react_devtools_backend.js:3973 应用程序状态或操作负载太大，导致 Redux DevTools 序列化速度变慢并消耗大量内存。请参阅 https://git.io/fpcP5 了解如何配置它。

我知道我需要重新设置商店，但我可以使用 configureStore 设置清理吗？还是应该使用 createStore 并安装 redux-devtools-extension？

这是我的商店设置代码

export const store = configureStore({
    reducer: rootReducer,
    middleware: (getDefaultMiddleware) =>
        getDefaultMiddleware({
            serializableCheck: {
                ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
                warnAfter: 128,
            },
            immutableCheck: false,
        }),
    devTools: process.env.NODE_ENV !== "production",
});

export type RootState = ReturnType<typeof appReducer>;
export type AppDispatch = typeof store.dispatch;

Answer 1

您可以将所有 devtools 选项传递给 configureStore:

export const store = configureStore({
    // ...
    devTools: { 
      // options as if you were setting it up by hand
      // https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Arguments.md#windowdevtoolsextensionconfig
      stateSanitizer: (state) => state.data ? { ...state, data: '<<LONG_BLOB>>' } : state
    }
});

如何使用打字稿清理 redux 工具包中的数据？

How to sanitize data in redux toolkit with typescript?

reactjs

redux

redux-toolkit

sanitize