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

React Router を使用した外部リソースへのリダイレクト

React アプリケーションでのルート管理に React Router を利用する場合、どのようにリダイレクトできるかという疑問が生じます。外部リソースへ?これは、ユーザーがプライバシー ポリシーやサポート記事などの外部コンテンツにアクセスする必要がある場合に特に便利です。

index.html のプレーンな JavaScript に頼る代わりに、React Router は便利なソリューションを提供します。 component プロパティを活用することで、目的の外部 URL へのリダイレクトを担当する特殊なコンポーネントを作成できます。

次のコード スニペットは、この目的のための効果的なワンライナーとして機能します。

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

このアプローチは、React の純粋なコンポーネントの固有の概念を利用します。この特殊なコンポーネントは、コンテンツをレンダリングする代わりに、ブラウザを指定された外部 URL にリダイレクトします。

このソリューションは React Router 3 と 4 の両方と互換性があり、React アプリケーション内の外部リンク リダイレクトのための包括的なソリューションを提供することは注目に値します。

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