Wie gehe ich mit externen Links mit React Router um?

Umgang mit externen Links in React-Router

React Router bietet eine umfassende Routing-Lösung für React-Anwendungen. Während es in erster Linie für die Handhabung des internen Routings konzipiert ist, bietet es auch die Möglichkeit, auf externe Ressourcen umzuleiten.

Umleitung zu einer externen URL

Die Frage stellt einen Anwendungsfall dar, bei dem Eine React-Router-App muss von „/privacy-policy“ zu einer externen URL umleiten. Um dies zu erreichen, können Sie mit React-Router eine Routenkomponente erstellen, die benutzerdefinierte Logik verarbeitet.

Hier ist eine einzeilige Lösung, die React Router verwendet, um auf einen externen Link umzuleiten:

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

Diese reine Komponente folgt dem reinen Komponentenkonzept von React und minimiert ihren Code auf eine einzige Funktion. Anstatt eine Benutzeroberfläche zu rendern, wird die Eigenschaft window.location.href verwendet, um den Browser auf die externe URL umzuleiten.

Dieser Ansatz funktioniert sowohl für React Router 3 als auch für 4. Es handelt sich um eine prägnante und elegante Lösung, die dazu passt Das Routing-Paradigma des React Routers sorgt für eine nahtlose Benutzererfahrung bei der Umleitung externer Ressourcen.

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