React Router で外部リンクを処理するには?

React-Router での外部リンクの処理

React Router は、React アプリケーション向けの包括的なルーティング ソリューションを提供します。これは主に内部ルーティングを処理するように設計されていますが、外部リソースにリダイレクトする機能も提供します。

外部 URL へのリダイレクト

この質問では、次のような使用例が示されています。 React-Router アプリは、「/privacy-policy」から外部 URL にリダイレクトする必要があります。これを実現するために、React-Router ではカスタム ロジックを処理するルート コンポーネントを作成できます。

これは、React Router を使用して外部リンクにリダイレクトするワンライナー ソリューションです:

<Route path='/privacy-policy' component={() => {
    window.location.href = 'https://example.com/1234';
    return null;
}}/>

この純粋なコンポーネントは React の純粋なコンポーネントの概念に従っており、コードを単一の関数に最小限に抑えます。 UI をレンダリングする代わりに、window.location.href プロパティを使用してブラウザを外部 URL にリダイレクトします。

このアプローチは、React Router 3 と 4 の両方で機能します。これは、次のような簡潔でエレガントなソリューションです。 React Router のルーティング パラダイムは、外部リソース リダイレクトのシームレスなユーザー エクスペリエンスを保証します。

以上がReact Router で外部リンクを処理するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。