Maison > interface Web > js tutoriel > Comment rediriger vers des ressources externes avec React Router ?

Comment rediriger vers des ressources externes avec React Router ?

Mary-Kate Olsen
Libérer: 2024-11-07 09:35:03
original
1106 Les gens l'ont consulté

How to Redirect to External Resources with 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;
}}/>
Copier après la connexion

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal