如何在页面加载时保留我的 redux (redux-saga) 数据而不显示/存储在本地或 session 存储中？

Question

Please checkout the below files where is setup my redux store.
configureStore.js file

export default function configureStore(initialState) {
  const sagaMiddleware = createSagaMiddleware()
  const composeEnhancers =
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose

  const logger = store => next => action => {
    let result = next(action)
    try {
      const fullState = store.getState()
      localStorage.setItem("state", JSON.stringify(fullState));
    } catch (e) {
      console.error("localStorage set error:", e)
    }
    return result
  }

  const store = createStore(
    rootReducer,
    initialState,
    composeEnhancers(applyMiddleware(sagaMiddleware, logger))
  )
  sagaMiddleware.run(rootSaga)

  return store
}

Please check the root index.js file where I want to restore my redux info on application load

let initialState = {}
try {
// set redux data in initial state
  initialState = JSON.parse(localStorage.getItem("state")) || {};
} catch (e) {
  console.error("localStorage get error:", e)
}
const store = configureStore(initialState)

const app = (
  <Provider store={store}>
    <BrowserRouter>
      <App />
      <Loader />
    </BrowserRouter>
  </Provider>
)

Please help me out from this problem. Thanks in advance

Answer 1

I think you can try out redux-persist for this.

https://blog.reactnativecoach.com/the-definitive-guide-to-redux-persist-84738167975