Comment rediriger vers un lien externe avec React Router ?

Redirection vers un lien externe dans React Router

Lors de la gestion des routes dans une application React à l'aide de React Router, il peut s'avérer nécessaire de rediriger les utilisateurs vers une ressource externe. Par exemple, une page de politique de confidentialité peut devoir être redirigée vers un document hébergé sur Zendesk.

Bien qu'une solution basée sur JavaScript puisse être implémentée directement dans le fichier index.html, React Router propose une approche plus élégante avec le ligne de code suivante :

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

Cette solution utilise le concept de composant pur React, encapsulant la logique de redirection dans une seule fonction. Au lieu de restituer quoi que ce soit, cette fonction redirige le navigateur vers l'URL externe.

Cette approche est compatible avec les React Router 3 et 4, offrant un moyen pratique de rediriger les utilisateurs depuis le système de routage contrôlé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!