react-redux - 将 Redux-Persist 与 Baqend React/Redux Starter 一起使用

Question

有谁知道如何将 redux-persist https://github.com/rt2zz/redux-persist 从入门套件添加到商店：https ://www.baqend.com/guide/starter-kits/react/

import { applyMiddleware, combineReducers } from 'redux'

import { createStoreWithBaqend, baqendReducer } from 'redux-baqend'
import middlewares from '../middleware'
import reducers from '../reducers'

import { db } from 'baqend'

export default (initialState = {}) => {
  const reducer = combineReducers({
    baqend: baqendReducer,
    ...reducers
  })
  const middleware = applyMiddleware(
    ...middlewares
  )
  return createStoreWithBaqend(
    db.connect('remarkable-apple-XX', true),
    reducer,
    initialState,
    middleware
  )
}

Answer 1

我自己还没有尝试过，但是 redux-persist 的文档看起来你只是添加了 autoRehydrate 并将创建的商店包装在 persistStore 方法中。createStoreWithBaqend 方法与普通的 createStore 方法基本相同，但在您的商店中添加了一些特定于 baqend 的东西。

我会这样尝试：

export default (initialState = {}) => {
  const reducer = combineReducers({
    baqend: baqendReducer,
    ...reducers
  })
  const middleware = applyMiddleware(
    ...middlewares
  )
  const store = createStoreWithBaqend(
    db.connect('remarkable-apple-XX', true),
    reducer,
    initialState,
    compose(
      middleware,
      autoRehydrate()
    )
  )
  return persistStore(store)
}

记得从 redux 库中导入 compose。希望这可以帮助。