Redirect auf die Begrüßungsseite beim Drücken der Taste zurück in Single-Seite Anwendung

Question

Ich habe eine einseitige Anwendung reagieren, so auf den Zurück-Button, seine Umleitung mich auf die Begrüßungsseite wie erwartet. Jetzt muss ich die URL der App zwischendurch aktualisieren und aufgrund dessen, wenn ich jetzt den Zurück-Knopf drücke, leite ich zuerst auf die alte URL-Seite und dann auf die Willkommensseite. Wie kann ich dieses Verhalten steuern, bedeutet auch nach dem Aktualisieren der URL, Benutzer sollte direkt auf die Begrüßungsseite beim Zurückdrücken Schaltfläche umgeleitet werden.

Answer 1

Ich weiß nicht, wie es mit reaktiven Router tun, aber Sie können window.history.pushState() verwenden, um Ihr Problem zu lösen. Fügen Sie in Ihrer dritten Komponente den folgenden Code in die render() -Methode ein.

window.history.pushState(null, null, '/your-welcome-page-url');

Es wird die aktuelle URL ändern Seite URL zu begrüßen, ohne die Seite neu zu laden; und wenn Sie die Zurück-Taste des Browsers drücken, wird der Browser zur Begrüßungsseite umgeleitet.

Answer 2

Ich denke, Sie können react-router-dom hier verwenden. Es gibt Link Element in react-Router-dom, die Ihr Problem lösen können.

Für zB :, können Sie so etwas wie dieses <Link to="/welcomePage" >Back</Link>

Weitere Informationen versuchen, unter Dokument durch react-router-dom document