React Router をプログラムでナビゲートするにはどうすればよいですか?

React-Router を使用してプログラムでナビゲートする

問題:

React アプリケーションでは、条件に基づいてルートをプログラム的に変更する必要がある (例: ユーザーがログイン済みです）。ただし、レンダリング関数内で状態を直接変更することはできません。

解決策:

これを実現するには、のバージョンに応じて、いくつかの戦略を使用できます。利用されている React-Router:

React-Router v4:

• withRouter 上位コンポーネント (HOC) を使用してターゲット コンポーネントをラップします。
• コンポーネント内でhistory.push メソッドを使用します。別の場所に移動するにはRoute.

React-Router v2 または v3:

• React のコンテキストを使用してルーターにアクセスし、context.router を使用してプログラムでルートを変更します。 Push.
• react-routerからbrowserHistoryをインポートして使用します

実装:

withRouter の使用 (React-Router v4):

リダイレクトの使用 (反応ルーターv4):

以上がReact Router をプログラムでナビゲートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。