Wie leite ich mit React Router zu einem externen Link um?

Zu externem Link in React Router umleiten

Beim Verwalten von Routen in einer React-App mit React Router kann es notwendig werden, Benutzer zu umzuleiten eine externe Ressource. Beispielsweise muss eine Seite mit Datenschutzrichtlinien möglicherweise zu einem gehosteten Dokument auf Zendesk umgeleitet werden.

Während eine JavaScript-basierte Lösung direkt in der Datei index.html implementiert werden kann, bietet React Router einen eleganteren Ansatz mit Folgende Codezeile:

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

Diese Lösung nutzt das reine Komponentenkonzept von React und kapselt die Umleitungslogik in einer einzigen Funktion. Anstatt etwas zu rendern, leitet diese Funktion den Browser zur externen URL um.

Dieser Ansatz ist sowohl mit React Router 3 als auch 4 kompatibel und bietet eine bequeme Möglichkeit, Benutzer aus dem kontrollierten Routing-System heraus umzuleiten.

Das obige ist der detaillierte Inhalt vonWie leite ich mit React Router zu einem externen Link um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!