Wie leite ich mit React-Router auf externe Links um?

Wie leitet man mit React-Router zu externen Links weiter?

RedirectLinks stellen eine Herausforderung in Anwendungen dar, die React-Router für die Routenverwaltung verwenden. da es in einem Single-Page-Application-Kontext (SPA) betrieben wird. Um dieses Problem anzugehen, stellen wir eine Lösung vor, die Benutzer nahtlos zu externen Ressourcen umleitet.

Angenommen, Sie möchten Benutzer, die /privacy-policy besuchen, zu example.zendesk.com/hc/en-us/articles/123456789 umleiten -Datenschutzerklärung. Während einfaches JavaScript dies mithilfe einer if-Anweisung erreichen kann, bietet React-Router einen eleganteren Ansatz.

Einführung einer einzeiligen Lösung:

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

Dieses reine Komponentenkonzept von React verdichtet die Komponenten Code in eine einzelne Funktion umwandeln. Anstatt Markup zu rendern, wird der Browser einfach auf die externe URL umgeleitet.

Die Technik ist mit React Router 3 und 4 kompatibel, sodass Sie die Umleitung externer Links mühelos in Ihre React-basierten Anwendungen integrieren können.

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