我在具有多个状态切片的 React 应用程序中使用 react-redux 和 redux-persist。这是一个简单的应用程序,包含
ui
、todolist
、notes
和 todolist-projects
等切片。除了 todolist
切片外,所有状态切片都持续存在。
下面是我的
store/index.js
我初始化商店和持久性的地方:
import { legacy_createStore as createStore } from "redux";
import { persistStore, persistReducer } from "redux-persist";
import { rootReducer } from "./rootReducer";
import storage from "redux-persist/lib/storage";
const persistConfig = {
key: "root",
storage,
};
const persistedReducer = persistReducer(persistConfig, rootReducer);
export const store = createStore(
persistedReducer,
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);
export const persistor = persistStore(store);
我在 GitHub 问题中读到一些关于
key
道具有时需要设置为 "primary"
而不是 "root"
的内容。在 Chrome DevTools 的 localStorage 调试区域中,我注意到 todolist
切片似乎确实存在于 persist:primary
部分中。 (请参阅下面的屏幕截图。)
我尝试将
key
从 "root"
更改为 "primary"
但这似乎不起作用。它似乎没有什么不同。