将当前活动选项卡保存在最小状态？

Question

我有一个应用程序，在某些路线上有一个受控制的标签栏组件。这意味着我必须通过道具交付当前选项卡，并通过将新选中的选项卡保存为状态来对选定选项卡的更改作出反应。

我正在使用REDX，所以我有一个中央存储状态。

因为我有不同的路线，可以包含不同的标签栏与不同的id'ed标签我不知道我应该保存在状态。如果我只保存标签的id状态，则在两个不同路由标签具有相同的id时可能会发生冲突。所以我必须确保选项卡id在路线上是唯一的。

由于REDX与更改状态的操作一起工作，因此另一个路由器的<Link to/>也必须设置我想在新路由上激活的选项卡。这将如何完成？

Answer 1

这似乎是应该与react-router管理的东西。

<Link to="somePage" hash="tab3" /> 

其中用于somePage路由的路由器的处理程序是：

class SomePage extends React.Component { 
    render() { 
    return (
     <div> 
     <TabComponent activeTab={ this.props.location.hash } /> 
     </div> 
    ); 
    } 
}