使用Redux和Persistors在React中构建持久性

Question

我注意到某些内容并未保存，因为我在补液之前就已经保存了它们。

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

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

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

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

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

Answer 1

持久性补水后，显然会触发一个回调，您可以使用它在初始化时立即将事情处理到存储中。

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