0

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

当用户从主列表中选择一个项目时,点击<Link ... />发送到的 URL 类似于customer/123. 在为该 url 注册的路由(即:id)中,我有一个indexRoute路由,它replaces是到 default route/tab 的路由/customer/${nextState.params.id}/address

所有这些都运行良好,用户可以很好地在选项卡之间导航。当用户关闭详细信息窗口并选择不同的详细信息时,就会出现问题。正如预期的那样,它会根据indexRoute. 在正常情况下,这可能没问题,但我希望它记住选择了哪条路线。我想知道是否有人对如何做到这一点有想法?

我想我可以通过使用 的onClick事件注册一个回调Link并调度一个事件来实现这一点,这将导致key选定的选项卡保存在store. 然后在onEnterindexRoute可以访问商店并拉出这个保存的状态并将目标定位replace到这个那个项目。

这应该可行,但似乎很多,只是想知道这对其他人是否正确?

4

1 回答 1

0

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

于 2016-06-04T14:36:51.463 回答