结合使用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。希望这能有所帮助。