Heim  >  Artikel  >  Web-Frontend  >  So springen Sie in React zu einer neuen Seite

So springen Sie in React zu einer neuen Seite

藏色散人
藏色散人Original
2022-12-20 11:27:555716Durchsuche

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.

So springen Sie in React zu einer neuen Seite

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn