React-Router: URL ändern und Verlauf löschen

Question

Ich habe einen Fall: Benutzer öffnet einen Aktivierungslink. Nachdem der Benutzer seinen Aktivierungsprozess ausgeführt hat, wird das System ihn auf eine andere Seite verschieben. Ich möchte die Aktivierungs-URL nicht im Browser behalten und verhindern, dass der Benutzer zurückgeht - Aktivierungsschritt.

Wie kann ich diesen Fall bekommen?

Danke,

Answer 1

HTML5 Geschichte API zwei Methoden, um Adding and modifying history entries bereitzustellen.

pushState(): zurück Zustand erhalten replaceState(): nein Hinter Zustand

Sie verwenden react-router Unter der Annahme. auf Ihrer Komponente So

this.props.history.replaceState('your new state') 

verwenden mehr lesen: https://developer.mozilla.org/en-US/docs/Web/API/History_API

Video: https://www.youtube.com/watch?v=1iAG6h9ff5s&index=6&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b

Answer 2

In reactJS sollten Sie browserHistory für diesen Zweck verwenden. Dies kümmert sich um Ihre Geschichten und Sie müssen diese Funktionen nicht selbst implementieren.

browserHistory hat 2 Methoden push() und replace(), die die gleichen Funktionen wie @fazal in seiner Antwort erwähnt, aber auf eine bessere Weise.

Also, wenn Sie Benutzer zurück zum vorherigen Zustand vermeiden möchten würden Sie browserHistory().replace

starten verwenden müssen, damit in Ihren Code importieren: -

import {browserHistory} from 'react-router' 

Nach Benutzern aktivieren Sie folgendermaßen vor: -

browserHistory.replace(//your new link)