如何在頁面加載時保留我的 redux (redux-saga) 數據而不顯示/存儲在本地或 session 存儲中？

Question

請查看以下文件，其中設置了我的 redux 商店。
configureStore.js 文件

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
}

請檢查我要在其中恢復我的 redux 應用程序加載信息的根index.js文件

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>
)

請幫我解決這個問題。 提前致謝

Answer 1

我認為您可以為此嘗試 redux-persist 。

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