如何在redux store中重新加载页面时访问本地存储？

// actions.js
export const loadState = () => {
  try {
    const serializedState = localStorage.getItem('state');
    if (serializedState === null) {
      return undefined;
    }
    return JSON.parse(serializedState);
  } catch (err) {
    return undefined;
  }
};

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

// store.js
import { createStore } from 'redux';
import rootReducer from './reducers';
import { loadState, saveState } from './actions';

const persistedState = loadState();
const store = createStore(rootReducer, persistedState);

store.subscribe(() => {
  saveState(store.getState());
});

// reducer.js
import { combineReducers } from 'redux';
import { ActionTypes } from './actions';

const initialState = {
  // initial state
};

const appReducer = (state = initialState, action) => {
  switch (action.type) {
    // handle actions
    default:
      return state;
  }
};

const rootReducer = combineReducers({
  app: appReducer,
});

export default rootReducer;