歴史の中で反応し、ルータ

歴史の中で反応し、ルータ

EACT-ルータは  の歴史の上に構築されてい

履歴管理アプリケーションセッションのセッションJS JSライブラリの歴史。また異なる環境（ブラウザ、ノード...）履歴スタック、ナビゲーション、確認ジャンプ、およびセッション間で継続的な状態を管理するためのシンプルなAPIに変数を統一。

  
  
//基本的な使用
インポート {createHistory} から 「履歴」

constの 歴史= createHistory（）

//現在のアドレス
CONST 位置= history.getCurrentLocation（）

//現在のアドレス変換のために聞きます
CONST UNLISTEN = history.listen（ 位置 => {
コンソール の.log（location.pathname）
}）

//履歴スタックに新しい入り口
history.push（{
パス名 ： '/ /パス' 、
検索 ： '？=クエリ' 、

いくつか// urlパラメータは、URLの現在の状態の値を超えて存在していません
状態：{ ： '状態' }
}）

//終了したら、リスナーを停止
UNLISTEN（）
  
  

また、現在の場所を変更する歴史の使用に反対することができます。

• プッシュ（位置）
• 置き換え（場所）
• 行く（N）
• 戻る（）
• 進む（）

歴史は、ブラウザのアドレスバーの変化を監視し、位置オブジェクトにURLを解析して、ルーティングを使用してルータにそれを一致させる方法を知って、最後は正しく対応するコンポーネントをレンダリングします。

ロケーションオブジェクトは、次のとおりです。

   
   
パス名同window.location.pathname
search 同window.location.search
このアドレスにバンドルオブジェクトオブジェクトを述べます
アクションPUSH、1をREPLACEまたはPOP
キー固有のID
   
   

3つの共通の歴史

    
    
推奨// HTML5の歴史、
輸入 createHistory から の歴史/ libに/ createBrowserHistory "

//ハッシュ履歴
輸入 createHistory から の歴史/ libに/ createHashHistory "

//メモリ履歴（例：ノード環境）
輸入 createHistory から の歴史/ libに/ createMemoryHistory "
    
    




createHashHistory

これは、あなたが歴史を指定しない場合は、デフォルトの履歴を取得します1（すなわち<ルータ> {/ *あなたのルート* /} </ルータ>）です。ルートのhttp://example.com/#/some/path一部のような形を作成するために、URLのハッシュ（＃）で使用されています。

それは任意の構成は、サーバー上で実行することができますすることはできません、それはIE8 +は、すべての一般的なブラウザで使用することができます含まれているため、ハッシュ履歴がデフォルトです。しかし、我々は、すべてのWebアプリケーションがcreateBrowserHistoryを使用するには、目的地を持っている必要があるため、実際の生産でそれを使用することをお勧めしません。

createBrowserHistory

ブラウザの履歴には、ルータを反応させるの歴史が推奨するブラウザアプリケーションを作成することです。これは、使用しています  歴史を APIは、このような新しい実 `URL example.com /いくつか/ PATH`として、ブラウザでハンドルURLに作成されました

createMemoryHistory

メモリの歴史は、操作やアドレスバーに読まれることはありません。これは、サーバーのレンダリングを実現する方法について説明します。同時に、それはまた、テストし、（ネイティブと反応のような）他のレンダリング環境に非常に適しています。

：詳細については、アドレスを参照してくださいhttps://zhuanlan.zhihu.com/p/20799258?refer=jscssを