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

React-Router を使用して外部リンクにリダイレクトする方法?

RedirectLinks は、ルート管理に React-Router を使用するアプリケーションに課題をもたらします。シングルページ アプリケーション (SPA) コンテキスト内で動作するためです。これに対処するために、ユーザーを外部リソースにシームレスにリダイレクトするソリューションを紹介します。

/privacy-policy にアクセスしているユーザーを example.zendesk.com/hc/en-us/articles/123456789 にリダイレクトしたいと仮定します。 -プライバシー-ポリシー。プレーンな JavaScript では if ステートメントを使用してこれを実現できますが、React-Router はより洗練されたアプローチを提供します。

単一行ソリューションの紹介:

<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 サイトの他の関連記事を参照してください。