將當前活動選項卡保存在最小狀態？

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> 
    ); 
    } 
}