反応ルーティング ページが更新されない場合はどうすればよいですか?

反応ルーティング ページが更新されない場合の解決策: 1. 「index.js」ファイルで、App コンポーネントが「」でラップされているかどうかを確認します; 2. 「」に追加します。 「exact」を「」の下の「

# このチュートリアルの動作環境: Windows 10 システム、react-router v5 バージョン、Dell G3 コンピューター。

react routing ページが更新されない場合はどうすればよいですか?

react-router5 ルーティング ジャンプ ページが更新されない理由

1.index.js ファイル内で、App コンポーネントが

でラップされているかどうかを確認します。

2. の下の

に、exact を追加します。

反応ルーターのインストール

yarn add 反応ルーターダム

関連拡張:

React Router は、React ライブラリに基づいた強力なルーティングです。ページと URL の同期を維持しながら、ビューとデータ フローをアプリケーションにすばやく追加できます。

現在フロントエンドで人気のある 3 つの主要なフレームワークには、すべて独自のルーティング実装があります。

• Angular の ngRouter

• #React の react-router

• Vue の vue-router

React Router のバージョン 4 以降、ルートは 1 つのパッケージで管理されなくなりました。 ：

#react-router はルーター コードのコア部分です。
react-router-dom はブラウザに使用されます;
react-router-native はネイティブ アプリケーションに使用されます;
現在、最新の React Router バージョンである v5 バージョンを使用しています:

実際、v4 のバージョンと v5 のバージョンには大きな違いはありません;

react-router をインストールします:

react-router-dom をインストールすると、依存関係のインストールが自動的に行われます。 React-router の;

##yarn add reverse-router-dom

推奨学習: "react ビデオ チュートリアル

"

以上が反応ルーティング ページが更新されない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。