Архитектурное сохранение в React с Redux и Persistors

Question

Я замечаю, что некоторые вещи не спасаются из-за того, что я спасаю их до того, как произойдет регидратация.

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

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

, по-видимому, регидратируется после рендеринга пользовательского интерфейса - так что мне делать большую часть инициализации при запуске на фиктивной странице компонента / входа в систему?

Как обновления магазина обычно выполняются в React при инициализации?

Могу ли я просто выполнить их внутри персистора?

Answer 1

Существует, по-видимому, обратный вызов, который срабатывает после повторной гидратации персистора, вы можете использовать его для немедленной инициализации вашего магазина.

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