So springen Sie in React zu einer neuen Seite

So springen Sie in React zu einer neuen Seite: 1. Öffnen Sie eine neue Seite auf der Originalseite, indem Sie die Button-Komponente in ant anwenden. 2. Verwenden Sie „handle=()=>{const w=window.open( ' about:blank'); w.location.href="..."}"-Methode implementiert das Klicken auf die lokale Seite, um zu einer neuen Seite zu springen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, React18-Version, Dell G3-Computer.

Wie springe ich in React zu einer neuen Seite?

Reagieren, um zu einer neuen Seite zu springen

Sprungmethode:

In der eigentlichen Front-End-Entwicklung müssen wir an vielen Stellen Frameworks verwenden. Heute werden wir darüber sprechen, wie man durch Klicken zu einer Seite springt Neue Seite in „Reagieren“? Jump-Methode!“

Methode 1:

Öffnen Sie eine neue Seite auf der Originalseite. Der Code lautet wie folgt:

<Button style={{backgroundColor:&#39;#F0F2F5&#39;}} 
  onClick={()=>{window.location.href="https://baidu.com"}}
  className="r-button"
>

Danach importieren Sie {Link} aus ‚react-router-dom‘ Die Codefolge lautet: Dies kann erreicht werden, indem eine neue Seite auf der Originalseite geöffnet wird. Der Code lautet wie folgt:

<Link to="/new/login/">
<Button className="e-button" type="primary">Back to login page</Button>
</Link>

Methode 2:

Die lokale Seite springt zu einer neuen Seite, indem man darauf klickt. Der Code lautet wie folgt:

<Button style={{backgroundColor:&#39;#F0F2F5&#39;}} 
onClick={this.handle}
className="last-button"
>
handle=()=>{
  const w=window.open(&#39;about:blank&#39;);
  w.location.href="www.baidu.com"
}

Zusammenfassung:

Oben geht es um die Frage „Wie man klickt“. Um zu einer neuen Seite in React zu springen? Sprungmethode: „Mehrere Methoden, wenn Sie eine bessere Implementierungsmethode haben, können Sie diese mit allen teilen!“ Im React-Einführungskurs können wir weiteres Wissen über das React-Framework erwerben und erlernen. Die praktischen Informationen und praktischen Erfahrungen stehen Ihnen zur Verfügung, um Sie schnell zu verbessern.

Empfohlenes Lernen: „Video-Tutorial reagieren“

Das obige ist der detaillierte Inhalt vonSo springen Sie in React zu einer neuen Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!