は、私はこの単純なナビゲーションを持って反応し、ルータのアプリを持っている

Question

サブルートのアクティブリンクではない作るルータを反応します。ヘルプをクリックすると/helpがロードされ、ヘルプリンクがアクティブになりますが、ダッシュボードリンクもアクティブのままになります。

/helpはまだ/と一致しており、Linkと一致しています。これは、ルートの階層全体にアクティブを表示することを前提としています。この動作を無効にすることは可能ですか？

マイルータ：

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

Answer 1

あなたはtrueにLinkのプロパティonlyActiveOnIndexを設定した場合、現在のパスが正確にリンクのパスと一致した場合にのみアクティブになります。

これは、ダッシュボードのリンクに設定することで問題を解決します。

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