Heim  >  Artikel  >  Web-Frontend  >  So klicken Sie, um einzuspringen und zu reagieren

So klicken Sie, um einzuspringen und zu reagieren

coldplay.xixi
coldplay.xixiOriginal
2020-12-21 11:29:344674Durchsuche

So klicken Sie, um in React zu einer neuen Seite zu springen: 1. Klicken Sie auf die lokale Seite, um eine neue Seite zu öffnen und die Ant-Button-Komponente einzuführen. 2. Die lokale Seite springt unverändert zur neuen Seite.

So klicken Sie, um einzuspringen und zu reagieren

Die Betriebsumgebung dieses Tutorials: Windows7-System, React17-Version. Diese Methode ist für alle Computermarken geeignet.

Verwandte Lernempfehlungen: React-Video-Tutorial

So klicken Sie, um in React zu einer neuen Seite zu springen:

(1) Klicken Sie auf die lokale Seite, um eine neue Seite zu öffnen

Stellen Sie Ameisen vor Schaltflächenkomponente

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

Wir stellen vor: import {Link} from 'react-router-dom'

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

(2), die lokale Seite ändert sich nicht und springt zur neuen Seite

<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"
}

Verwandte Lernempfehlungen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo klicken Sie, um einzuspringen und zu reagieren. 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