反応-ルータ-DOMルート

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

おすすめ

転載: blog.csdn.net/p445098355/article/details/105217993