反応し、ルータの使用

の反応-ルータを&&違い反応-ルータ-DOM
```
// 写法一 
「反応ルータ」からインポート{スイッチ、ルート、ルータ} 。
インポート{BrowserRouter、リンク} '反応ルータ-DOM' ; 

// 写法二の 
'反応ルータ-DOM'からインポート{Swtich、ルート、ルータ、BrowserRouter、リンク}。
```
、ルーティングは、コア機能を提供するルータ反応する反応ルータ-DOMはさらに反応ルータの機能拡張に依存し、BrowserRouterリンクアセンブリ構成要素を増加させました。だから我々は、ルータを反応させた後、反応-ルータ-DOMのインストールの場合に表示されるインストールする必要はありません。
原理は反応し、ルータを：FrameworkのUIコンポーネントに自分自身を同期させる、ジャンプするブラウザを傍受します
ルータ：容器アセンブリ、ルートでルートを定義するために実際に必要。
```
「反応-ルータ」からインポート{ルータ、ルート、hashHistory} 。

レンダリング（（
   <ルータ履歴= {hashHistory}> 
    <ルートパス= "/"コンポーネント= {アプリ} /> 
  </ルーター> 
）のdocument.getElementById（ 'アプリ'））;
```
パラメータ：歴史は---> hashHistoryルーティングスイッチの値がハッシュURLの変更、＃の後ろの部分によって決定される表し、browserHistoryは、バックエンドのニーズに合わせて、お使いのブラウザの履歴のAPIを呼び出す; createMemoryHistoryサーバー側のレンダリングのために、メモリを作成します履歴オブジェクト（仮想）
<BrowserRouter>直接バージョン4.0、<HashRouter>、<MemoryRouter>の代わりにルータ成分現像履歴パラメータを使用します

ネストされた経路は、第一内層部品アセンブリリロードをロードします

<ルータ履歴= {hashHistory}> 
  <ルートパス= "/"コンポーネント= {アプリ}> 
    <ルートパス= "/レポ"成分= {ルポ} /> 
    <ルートパス= "/約"成分= {について} / > 
  </ルート> 
</ルーター>

内部コンポーネントはthis.props.children外層成分として渡されることに留意されたいので、我々のアプリ成分がのように記述する必要があります。

<DIV> 
      { この.props.children}
 </ div>

ルートアセンブリ：パラメータパス--->ルーティング経路マッチング、正確--->完全一致、成分--->レンダリングコンポーネント

IndexRoute：デフォルトのアセンブリを指定し、Redirectcリダイレクトコンポーネント; IndexRedirectデフォルトリダイレクトコンポーネント（該当する経路が存在しない場合）

<ルートパスは= "受信トレイ"成分= {トレイ}> 
  { / * 从/受信トレイ/メッセージ/：ID跳转到/メッセージ/：ID * / } 
  <からリダイレクト = "メッセージ/：ID" = "/メッセージに/：ID」/> 
</ルート>

<ルートパス= "/"コンポーネント= {アプリ}> 
  <IndexRedirectへ = "/ウェルカム" /> 
  <ルートパス= "ようこそ"コンポーネント= {ようこそ} /> 
  成分= {について} / "約" <ルートパス= > 
</ルート>

スイッチコンポーネント：最初の一致をレンダリングすることを保証する経路

リンクコンポーネント

<=へのリンク "/約"> {について} </リンク>

おすすめ