使用React Redux和Router存储选定的选项卡以进行还原

Question

目前我有一个我正在研究的样本，它是一个基本的主要详细信息页面。此示例使用react-router-redux。在详细信息面板中，我有许多选项卡可以看到所选项目的不同方面...所有相当标准的东西。

当用户从主列表中选择一个项目时，点击的<Link ... />发送给他们的网址就像customer/123。在为该URL注册的路由（即:id）内，我有indexRoute路由replaces到默认路由/选项卡/customer/${nextState.params.id}/address的路由。

所有这些都很有效，用户可以在标签之间导航。当用户关闭详细信息窗口并选择不同的详细信息时，就会出现问题。正如所料，它会根据indexRoute指定的路径打开选项卡。在正常情况下，这可能没问题，但我希望它能记住选择了哪条路线。我想知道是否有人对如何做到这一点有想法？

我想我可以通过在onClick的{​​{1}}事件中注册一个回调并调度一个事件来实现这一点，该事件将导致所选标签的Link保存在key。然后在store的{​​{1}}内，我可以访问商店并提取此已保存的状态，并将onEnter定位到该项目。

这应该有效，但看起来很多，只是想知道这对其他人来说是否正确？

Answer 1

我会使用相同的方法 - 在单击选项卡时调度操作并将Tab键存储在商店中。 使用mapStateToProps检索值。