React Router を使用して外部リンクにリダイレクトするにはどうすればよいですか?

React Router の外部リンクへのリダイレクト

React Router を使用して React アプリでルートを管理する場合、ユーザーを外部リソース。たとえば、プライバシー ポリシー ページは、Zendesk でホストされているドキュメントにリダイレクトする必要がある場合があります。

JavaScript ベースのソリューションは、index.html ファイルに直接実装できますが、React Router は、次のコード行:

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

このソリューションは、React の純粋なコンポーネントの概念を利用し、リダイレクト ロジックを 1 つの関数にカプセル化します。この関数は何かをレンダリングする代わりに、ブラウザを外部 URL にリダイレクトします。

このアプローチは React Router 3 と 4 の両方と互換性があり、制御されたルーティング システム内からユーザーをリダイレクトする便利な方法を提供します。

以上がReact Router を使用して外部リンクにリダイレクトするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。