如何在react.js中持久化redux

// store.js
import { createStore, applyMiddleware } from 'redux';
import rootReducer from './reducers';

const persistState = (store) => {
  try {
    const serializedState = localStorage.getItem('appState');
    if (serializedState === null) {
      return undefined;
    }
    return JSON.parse(serializedState);
  } catch (err) {
    return undefined;
  }
};

const saveState = (state) => {
  try {
    const serializedState = JSON.stringify(state);
    localStorage.setItem('appState', serializedState);
  } catch {
    // Ignore write errors;
  }
};

const persistedReducer = (state = persistState(), action) => {
  const nextState = rootReducer(state, action);
  saveState(nextState);
  return nextState;
};

const store = createStore(persistedReducer);

export default store;

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import store from './store';
import App from './App';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);