使用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加载