目前我有一个我正在处理的示例,它是一个基本的主详细信息页面。此示例使用react-router-redux
. 在详细信息面板中,我有许多选项卡,可以使用这些选项卡查看所选项目的不同方面......所有相当标准的东西。
当用户从主列表中选择一个项目时,点击<Link ... />
发送到的 URL 类似于customer/123
. 在为该 url 注册的路由(即:id
)中,我有一个indexRoute
路由,它replaces
是到 default route/tab 的路由/customer/${nextState.params.id}/address
。
所有这些都运行良好,用户可以很好地在选项卡之间导航。当用户关闭详细信息窗口并选择不同的详细信息时,就会出现问题。正如预期的那样,它会根据indexRoute
. 在正常情况下,这可能没问题,但我希望它记住选择了哪条路线。我想知道是否有人对如何做到这一点有想法?
我想我可以通过使用 的onClick
事件注册一个回调Link
并调度一个事件来实现这一点,这将导致key
选定的选项卡保存在store
. 然后在onEnter
我indexRoute
可以访问商店并拉出这个保存的状态并将目标定位replace
到这个那个项目。
这应该可行,但似乎很多,只是想知道这对其他人是否正确?