将 redux-persist 与 redux-immutable 结合使用时出错

Sor*_*esa 3 javascript reactjs redux redux-persist redux-immutable

我尝试将redux-immutableredux-persist一起使用。

我进行了很多搜索,但没有找到任何解决方案来解决这个问题。

商店.js:

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'remote-redux-devtools';
import logger from 'redux-logger';
import { createEpicMiddleware } from 'redux-observable';
import immutableTransform from 'redux-persist-transform-immutable';
import { persistStore, persistReducer } from 'redux-persist';
import { combineReducers } from 'redux-immutable';
import { Map } from 'immutable';
import { routerReducer } from 'react-router-redux';
import storage from 'redux-persist/lib/storage';
import createFilter from 'redux-persist-transform-filter';
import epics from './epics';
import reducers from './reducers';

const middlewares = [createEpicMiddleware(epics), logger];
const composeEnhancers = composeWithDevTools({ realtime: true, port: 8000 });

const saveSubsetFilter = createFilter(
  'Login',
  ['userData'],
);

const persistConfig = {
  key: 'reduxStore',
  storage,
  transforms: [saveSubsetFilter, immutableTransform()],
};

const initialState = Map();

const persistedReducer = persistReducer(persistConfig, combineReducers({
  ...reducers,
  routing: routerReducer,
}));

export const store = createStore(
  persistedReducer,
  initialState,
  composeEnhancers(applyMiddleware(...middlewares)),
);

export const persistor = persistStore(store);
Run Code Online (Sandbox Code Playgroud)

我在控制台中的错误:

The previous state received by the reducer is of unexpected type. Expected argument to be an instance of Immutable.Collection or Immutable.Record with the following properties: "Login", "Campaigns", "Websites", "routing".
Run Code Online (Sandbox Code Playgroud)
Uncaught TypeError: inputState.withMutations is not a function
Run Code Online (Sandbox Code Playgroud)

笔记:

我在添加之前没有任何错误redux-persist

如果您有任何想法,请帮助我。

mpo*_*tus 5

Redux-persist 期望减速器返回的状态,您将其传递给persistReducer一个普通对象。

它将利用这一事实,通过将额外的属性注入到该对象中,该属性将用于托管 redux-persist 状态。

这对你来说意味着,为了使用当前版本的 redux-persist,你必须摆脱 redux-immutable,并使用 redux 自己的combineReducers

redux-persist-transform-immutable将允许您在状态树中存储列表、映射、记录等,但上述规则仍然适用:您的根状态或传递给 persistReducer 的减速器的状态必须是普通对象。