--react-ルータ-DOMをルーティング反応

1、プロジェクトディレクトリに、コマ​​ンドラインを開き、反応するルータ-DOM、コマンドインストール：NPM --save-devの反応ルータ-DOMをインストール

図2に示すように、 '反応ルータ-DOM' からファイルをインポート{HashRouter、ルート、スイッチ} JS反応ルータ-DOMに導入されています

次のように3、復路構造で、機能をレンダリングします：

<HashRouter> 
    <スイッチ> 
        <ルートパス= '/'コンポーネント= {HOME} /> 
        <ルートパス= '/ホーム'コンポーネント= {HOME} /> 
        <ルートパス= '/検索'コンポーネント= {検索} /> 
        <ルートパス= '/鉱山'成分= {鉱山} /> 
    </スイッチ> 
</ HashRouter>

図4に示すように、文書は、これはJSに導入index.jsにさらされindex.js ReactDOM.render後（<ルータ/>、のdocument.getElementById（「ルート」））;これまでのところ、我々のようにアドレスバーにとき、家庭、検索や鉱山、ページが対応するコンポーネントにジャンプしますルート

図5に示すように、ラベルにonClickイベントを結合の関数としてルーティングジャンプ、this.props.history.push介してこの機能ジャンプ