使用 Redux 和 Persistor 在 React 中构建持久性答案

【问题标题】：Architecting persistence in React with Redux and Persistors使用 Redux 和 Persistor 在 React 中构建持久性
【发布时间】：2019-11-11 16:33:12
【问题描述】：

我注意到某些东西没有被保存，因为我在补液发生之前保存了它们。

var engagement = store.getState().analytics.engagement;
store.dispatch(engagementSave(engagement + 1));

...
<PersistGate loading={<Loading />} persistor={persistor}>
...

UI 渲染后显然会重新水化 - 所以我应该在虚拟组件/登录页面中进行大部分“启动”初始化吗？

在 React 中，商店更新通常是如何在初始化时完成的？

我会在持久化器中执行它们吗？

【问题讨论】：

标签： reactjs redux persist

【解决方案1】：

持久化器重新水化后显然会触发一个回调，您可以使用它在初始化时立即对您的存储执行操作。

  let persistor = persistStore(store, {}, () => {
    console.log("state is persisted");
    const state = store.getState()
    console.log(state);
  })

【讨论】：