使用 React-router 回溯历史时恢复 Redux 中的先前状态

Question

我有一个使用 React-router 的 React/Redux 应用程序。该应用程序有一个搜索区域，让用户可以搜索项目。

大约有 200 个项目，因此它们会在应用启动时预加载。 搜索只是过滤这些项目，而不向服务器发出任何进一步的请求。

当用户点击其中一个项目时，路由器会转到该项目的详细信息。

如果用户在详细信息视图中单击Go back，是否有一种最佳™/通用/通用方法可以保留结果和滚动位置并恢复它们？

Answer 1

您可以使用 localStotage。像这样为商店创建订阅功能

store. subscribe (() => {
  // check here for your filter state for e.g.
  localStotage.setItem(...)
})

如果需要，然后在此页面上从 localStorage 加载