Wie implementiert man externe Weiterleitungen in React-Router?

Externe Weiterleitungen in React-Router

Beim Umgang mit Routen mit React Router kann es notwendig sein, auf externe Ressourcen umzuleiten. Dieser Leitfaden befasst sich mit der Frage, wie eine solche Umleitung erreicht werden kann.

Stellen Sie sich ein Szenario vor, in dem ein Benutzer auf eine bestimmte URL in der Anwendung zugreift, z. B. „example.com/privacy-policy“. Das Ziel besteht darin, sie auf eine externe Domain umzuleiten, beispielsweise „example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies“.

Um den Rückgriff auf einfaches JavaScript zu vermeiden, bietet React Router Folgendes an eine Lösung mit dem folgenden Einzeiler:

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

Dieser Code nutzt das reine Komponentenkonzept von React und kapselt das Verhalten der Komponente in einer einzigen Funktion. Anstatt eine Benutzeroberfläche zu rendern, leitet diese Funktion den Browser des Benutzers an die angegebene externe URL weiter.

Bemerkenswert ist, dass dieser Ansatz mit beiden React Router-Versionen 3 und 4 kompatibel ist. Durch die Verwendung dieses Ansatzes können Entwickler Benutzer elegant zu umleiten externe Ressourcen unter Beibehaltung der Integrität des deklarativen Programmiermodells von React.

Das obige ist der detaillierte Inhalt vonWie implementiert man externe Weiterleitungen in React-Router?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!