So verwenden Sie die Verlaufsumleitung in React Router

In react-router kann der Sprung in der Komponente mit <Link> verwendet werden

Um jedoch aus der Komponente herauszuspringen, muss der Reaktionsroutingverlauf verwendet werden

Die Ersetzungsmethode wird auf dieselbe Weise wie die Push-Methode verwendet. Die Funktion von Ersetzung besteht darin, den aktuellen Verlaufsdatensatz zu ersetzen.
go, diese Methode wird verwendet, um vorwärts oder rückwärts zu gehen, history.go(-1);
goBack, diese Methode wird verwendet, um zurückzugehen, history.goBack();
goForward, diese Methode wird verwendet, um vorwärts zu gehen, history.goForward();

1. Haken

importiere {useHistory} aus „react-router-dom“;
Funktion goPage(e) {
 Verlauf.push({
 Pfadname: "/home",
 Status: {id: 1}
 });
}

Pfadname ist die Routingadresse, Status kann als Parameter übergeben werden

Parameter abrufen:

importiere {useLocation} aus „react-router-dom“;
Funktion getParams(){
let location = useLocation();
let id = Standort.Bundesstaat.ID;
}

2. Klassenkomponente

importiere React von „react“;
importiere {createBrowserHistory} aus "history";
 
Klasse App erweitert React.Component {
  Konstruktor(Requisiten) {
      super(Requisiten);
    }
   geheSeite() {
 let history = createBrowserHistory()
 Verlauf.push({
 Pfadname: "/home",
 Status: {id: 1}
 });
    Geschichte.go();
 }
  render() {return null;}
 
}

Wenn history.go nicht aufgerufen wird, ändert sich die Route, aber die Seite springt nicht.

Dies ist das Ende dieses Artikels über die Verwendung des Verlaufssprungs in React Router. Weitere relevante Inhalte zum Verlaufssprung von React Router finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!