redux toolkit 持久化存储

Redux Toolkit 可以通过 redux-persist 插件来实现持久化存储，将 Redux store 中的状态保存在本地或者远程存储中，使应用程序可以在重新加载或关闭后恢复之前的状态。需要引入 redux-persist 和 redux-persist/lib/storage 创建一个 redux persist 配置，然后将其与 redux store 组合在一起即可。例子代码如下：

import { configureStore } from '@reduxjs/toolkit';
import { persistStore, persistReducer } from 'redux-persist';
import storage from 'redux-persist/lib/storage';

import rootReducer from './reducers';

const persistConfig = {
  key: 'root',
  storage,
};

const persistedReducer = persistReducer(persistConfig, rootReducer);

export const store = configureStore({
  reducer: persistedReducer,
});

export const persistor = persistStore(store);

在配置中，我们使用了 'root' 键储存所有的 state，而 storage 设为 'redux-persist/lib/storage'，这样就可以将状态储存在浏览器的本地存储中。持久化存储状态后，我们需要将 persistor 导出，以使用它来操作本地存储。