Comment rediriger vers des ressources externes avec React Router ?

Redirection vers des ressources externes avec React Router

Lors de l'utilisation de React Router pour la gestion des routes dans les applications React, la question se pose : comment pouvons-nous rediriger à une ressource externe ? Ceci est particulièrement utile lorsque les utilisateurs doivent accéder à du contenu externe, tel que des politiques de confidentialité ou des articles d'assistance.

Plutôt que de recourir au simple JavaScript dans index.html, React Router offre une solution pratique. En tirant parti de son accessoire component, nous pouvons créer un composant spécialisé chargé de rediriger vers l'URL externe souhaitée.

L'extrait de code suivant sert de one-liner efficace à cet effet :

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

Cette approche utilise le concept inhérent de composants purs dans React. Au lieu d'afficher du contenu, ce composant spécialisé redirige le navigateur vers l'URL externe spécifiée.

Il est à noter que cette solution est compatible avec les React Router 3 et 4, offrant une solution complète pour la redirection de liens externes au sein de votre application React.

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!