Comment rediriger vers des liens externes avec React-Router ?

Comment rediriger vers des liens externes à l'aide de React-Router ?

Les liens de redirection présentent un défi dans les applications qui utilisent React-Router pour la gestion des itinéraires, car il fonctionne dans un contexte d'application monopage (SPA). Pour résoudre ce problème, nous présentons une solution qui redirige de manière transparente les utilisateurs vers des ressources externes.

Supposons que vous souhaitiez rediriger les utilisateurs visitant /privacy-policy vers example.zendesk.com/hc/en-us/articles/123456789. -Politiques de confidentialité. Alors que du JavaScript simple peut y parvenir à l'aide d'une instruction if, React-Router propose une approche plus élégante.

Présentation d'une solution sur une seule ligne :

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

Ce concept de composant pur React condense le composant coder en une seule fonction. Au lieu de restituer le balisage, il redirige simplement le navigateur vers l'URL externe.

La technique est compatible avec les React Router 3 et 4, vous permettant d'intégrer sans effort la redirection de liens externes dans vos applications basées sur 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!