ルーティングリンクやルートを反応させます

ルートは、リンクを使用して、設定されています

https://blog.csdn.net/chern1992/article/details/77186118(copy）

ルートが一般的に用いられているルーティングネスト、レンダリング中にネストされたVUEと同様の経路は、ローカル固定経路を介して直接ローカルスイッチに相当し入力することができます。

// index.js 
// ... 
（（レンダリング
   <{hashHistoryルータ履歴} => 
    <{アプリケーションコンポーネント=ルートパス=「/」}> 
      { / * 二つのサブアセンブリがルートにネストされていることに注意してくださいアプリケーションルート/}で
      <ルートパス= "/ルポ"コンポーネントルポ= {} /> 
      <ルートパス= "/概要"コンポーネントに関する= {} /> 
    </ルート> 
  </ルーター> 
）のdocument.getElementById （ 'アプリ'））

リンクがジャンプを切り替えルートは、ページ全体が単一のスイッチを持っているかどうか行われるが、パスが有効なルートを知っているように指示されます

// モジュールは、/ NavLink.jsの 
インポートは、 '反応'からリアクト
からのインポート{リンク} '反応-ルータ'を

輸出デフォルトReact.createClassは、（{ 
  {）（レンダリング
    リターン <リンク{... これは activeClassName = "アクティブ"} .props />
   } 
}）
// モジュール/ App.js 
からの輸入NavLink './NavLink' // ... 
<LI> <NavLink = "/約"へ> </ NavLink> </ LI>について
<LI> < = "/リポジトリ"にNavLink>レポ</ NavLink> </ LI>