Comment gérer les liens externes avec React Router ?

Gestion des liens externes dans React-Router

React Router fournit une solution de routage complète pour les applications React. Bien qu'il soit principalement conçu pour gérer le routage interne, il offre également la possibilité de rediriger vers des ressources externes.

Redirection vers une URL externe

La question présente un cas d'utilisation où une application React-Router doit rediriger de "/privacy-policy" vers une URL externe. Pour y parvenir, React-Router vous permet de créer un composant de route qui gère une logique personnalisée.

Voici une solution simple utilisant React Router pour rediriger vers un lien externe :

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

Ce composant pur suit le concept de composant pur React, minimisant son code à une seule fonction. Au lieu de restituer une interface utilisateur, il utilise la propriété window.location.href pour rediriger le navigateur vers l'URL externe.

Cette approche fonctionne à la fois pour React Router 3 et 4. C'est une solution concise et élégante qui s'aligne sur Le paradigme de routage de React Router, garantissant une expérience utilisateur transparente pour la redirection des ressources externes.

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!