1、ルート記述を反応させます
1.1、単一ページのアプリケーション
、唯一のメインページをロードする必要が1パーシャルリフレッシュによって、あなたはジャンプやスイッチのページを達成することができます:単一のページだった機能
長所:高速化をロードし、ユーザーエクスペリエンスが優れています
短所:
- あなたは少し遅く、従来のよりロード初めて
- 不利seo
- 比較的複雑なページ
- Returnキー
1.2、インストールが反応し、ルータ-DOM
プロジェクトのコマンドラインでは、実行
cnpm install react-router-dom -S
本番環境に依存してダウンロードしてください。
一実施形態解体により得られたオブジェクトへのアセンブリにreact-router-dom
内蔵されたアセンブリのコンポーネント、必要に応じて導入された内部構成要素は、ページで使用されました:
- HashRouterは物事の将来に関連するすべてのルートが、HashRouterの内部にラップする必要があり、ルートコンテナのルートを表し、ウェブサイト、のみのようHashRouter一度使用する必要があります。
- ルートがルート上のルーティングルールを表し、2つの重要な属性、パス、成分があります
- リンクは、プロパティへの経路リンクを表し、
import {HashRouter,Route,Link} from 'react-router-dom'
コード例:
render(){
ret