反応ルーティングの共通コンポーネントは何ですか?

反応ルーティングで一般的に使用されるコンポーネントは次のとおりです: 1. BrowserRouter、ルーティング モードを履歴に設定します; 2. HashRouter、ルーティング モードをハッシュに設定します; 3. NavLink; 4. リンク; 5. リダイレクト; 6. Route; 7. withRouterなど。

このチュートリアルの動作環境: Windows7 システム、react17.0.1 バージョン、Dell G3 コンピューター。

React ルーティングでは、一般的に使用されるコンポーネントについて詳しく説明します

コンポーネントとその機能:

#宣言的ジャンプNavLink宣言的ジャンプでは、ルートのアクティブ化ステータスについても合意できます宣言的ジャンプリンク宣言的ジャンプにはアクティブなステータスがありません#リダイレクト 照合して表示 Exclusive Match上位コンポーネント# Structure

	コンポーネント	関数
ルーティング モード	BrowserRouter	合意されたものモードは履歴です。HTML5 が提供する履歴 API を使用して、UI と URL の同期を維持します
ルーティング モード	HashRouter	合意されたモードはハッシュです、URL のハッシュを使用して UI と URL の同期を維持します
Redirect	Redirect~~ replace
Route	コンポーネントを照合して、コンポーネントを表示します。つまり、一致が成功すると、コンポーネントは一致するコンポーネント
Switch	Exclusive Match に直ちに置き換えられます。包括性を使用したくない場合は、Switch を使用してください。
withRouter	ルーティングを介して切り替えられないコンポーネントでは、3 つのオブジェクトの履歴、場所、一致を props に渡します。オブジェクト (上位コンポーネント) 上で

BrowserRouter|HashRouter

• アプリ (または他のコンポーネント)

  NavLink|Link

  Route
  • Redirect
  • Subcomponent
  • NavLink|Link
    • ルート
      • …
  ##ブラウザルーター

#属性

タイプ関数ベース名stringすべての場所のベース URL。アプリがサーバー上のサブディレクトリから提供される場合は、それをサブディレクトリとして設定する必要があります。適切な形式のベース名はスラッシュで始まりますが、スラッシュで終わることはできませんgetUserconfirmationFunctionナビゲーションを確認するために使用される関数。デフォルトでは、 が使用されます。

window.confirm		#ルート

##属性タイプ

Functionルート一致パス。パス属性のないルートは常に React コンポーネントはアドレスが一致するとレンダリングされ、ルート プロパティも一緒にレンダリングされます インライン レンダリングおよびラッピング コンポーネントでは、ターゲット コンポーネントを返す呼び出しが必要です

path

string |object

exact

boolean

と一致します。true の場合、完全なパスの一致 (/home) が必要です。ルートはデフォルトで「含まれます」(/ と /home の両方が一致)、つまり複数のルートが一致し、同時にレンダリングできることを意味します。コンポーネント

render

Function

#リンク

属性toreplace#履歴レコードを置き換えるかどうか##NavLink

タイプ	関数
string | オブジェクト {pathname:,search:,hash:}	ジャンプ先のパスまたはアドレス
boolean

#属性

タイプ関数string| オブジェクト{pathname:,search:,hash:}ジャンプするパスまたはアドレス履歴レコードを置き換えます要素が選択されたら、選択スタイルを設定します。デフォルト値はアクティブです要素が選択されたら、選択したスタイルを設定します# #Switchこのコンポーネントは、一致するアドレスの最初のルートまたはリダイレクトをレンダリングするために使用されます。デフォルトでは 1 つのルートのみ、排他的なルート、完全一致をレンダリングします (シナリオ: サイドバー、ガイド タブなど)。

		##to
	replace	boolean
	activeClassName	string
	activeStyle	object

属性

タイプ

関数#ノードこのコンポーネントは、アドレスに一致する最初のルートまたはリダイレクトをレンダリングするために使用されます。1 つのルート、排他的ルート、およびデフォルトの完全一致のみをレンダリングします。 (シナリオ: サイドバーとブレッドクラム、ブート タブなど。属性

	##場所	文字列オブジェクト
子
Redirect

タイプ関数

fromstringfromtostring オブジェクトどこへpushboolean履歴を追加booleanboolean [関連する推奨事項: Redis ビデオ チュートリアル ]

		##exact
厳密一致		sensitive
大文字と小文字を区別します

以上が反応ルーティングの共通コンポーネントは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。