javascript - 如何以最简单的方式持久化 redux 状态？

Question

我需要在刷新我的网站后在 Redux 中保留状态。最简单的方法是什么？如果可能的话，我宁愿不使用 redux-persist。

Answer 1

基本上，您需要两个函数，loadState() 和 saveState()。

export const loadState = () => {
  try {
    const serializedState = localStorage.getItem("state");
    if (!serializedState) return undefined;
    else return JSON.parse(serializedState);
  } catch(err) {
    return undefined;
  }
};

export const saveState = (state) => {
  try {
    const serializedState = JSON.stringify(state);
    localStorage.setItem("state", serializedState);
  } catch(err) {
    console.log(err);
  }
};

由于浏览器上的一些隐私设置，您需要 try/catch。

然后，您必须在初始化商店时调用loadState，并在store.subscribe() 上调用saveState 来保存状态到 localStorage 每次状态更改。像这样:

const persistedStore = loadState();
const store = createStore(
  // ... your reducers
  persistedStore
);

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