angular - 在 Angular 5 中使用 Redux 如何让浏览器在刷新时记住之前的保存状态

Question

目前，在刷新时，我失去了保存的状态。

我不确定我是否需要在app 模块中做任何事情。

我正在使用带有ng2-Redux 和 Redux 的 angular5 、typescript、webpack 。

这是我当前的应用模块类：

export class AppModule {
  constructor(ngRedux: NgRedux<IAppState>) {
    ngRedux.configureStore(rootReducer, INITIAL_APP_STATE, [ createLogger() ]);
  }
}

我不确定是否需要在加载应用程序时获取状态。目前默认的 INITIAL_APP_STATE 总是被设置，因此失去了浏览器内存中的存储状态。

Answer 1

这是 redux 的正常行为，您可以尝试将您的状态保存到 cookie 或 localstorage 并在初始化时加载它。

要在每次更新后将状态保存到本地存储，您需要创建一个保存状态的全局减速器。（如果你有一个大状态，它可能会花费很多 CPU）