2017-02-20 130 views
0

我有有這個簡單的導航一個反應路由器應用:陣營路由器使鏈路不活躍子路線

React.DOM.ul(
     {className: 'navigation'}, 
     React.DOM.li(
     {}, 
     React.createElement(
      Link, 
      {to: '/', activeClassName: 'active'}, 
      React.DOM.i({className: 'fa fa-tachometer'}), 
      'Dashboard' 
     ) 
    ), 
     React.DOM.li(
     {}, 
     React.createElement(
      Link, 
      {to: '/help', activeClassName: 'active'}, 
      React.DOM.i({className: 'fa fa-life-ring'}), 
      'Help' 
     ) 
    ) 
    ) 

當我加載/儀表板Link是正如人們所期望的活性。單擊「幫助」加載/help並使「幫助」鏈接處於活動狀態,但也保持活動狀態。

從我所知道的/help仍然匹配/Link假設我想積極出現在一個路由的整個層次。是否有可能禁用這種行爲?

我的路由器:

React.createElement(Route, { 
    path: '/', 
    component: Layout 
    }, 
    React.createElement(IndexRoute, {component: Dashboard}), 
    React.createElement(Route, {path: '/help', component: Help}) 
) 

回答

0

如果設置該屬性onlyActiveOnIndexLinktrue也只會是積極的,如果電流路徑的鏈路路徑完全匹配的。

對我來說,這可以通過在儀表板鏈接上設置它來解決問題。

React.createElement(
     Link, 
     {to: '/', activeClassName: 'active', onlyActiveOnIndex: true}, 
     React.DOM.i({className: 'fa fa-tachometer'}), 
     'Dashboard' 
    )