Bagaimana untuk melompat ke halaman baharu sebagai tindak balas

Cara melompat ke halaman baharu dalam bertindak balas: 1. Buka halaman baharu pada halaman asal dengan menggunakan komponen Butang dalam ant; 2. Gunakan "handle=()=>{const w= window .open('about:blank'); kaedah w.location.href="..."}" melaksanakan klik pada halaman setempat untuk melompat ke halaman baharu.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi react18, komputer Dell G3.

Bagaimana untuk melompat ke halaman baharu sebagai tindak balas?

react Klik untuk melompat ke halaman baharu

Kaedah lompat:

Dalam pembangunan bahagian hadapan sebenar, kita perlu menggunakan rangka kerja dalam julat yang luas daripada tempat. Hari ini Mari kita bercakap tentang "Bagaimana untuk mengklik untuk melompat ke halaman baru dalam kaedah lompat!"!

Kaedah 1:

Buka halaman baharu dalam halaman asal, kami menggunakan komponen Butang dalam semut; import { Link} daripada 'react-router-dom' Rentetan kod ini boleh dilaksanakan dan halaman baharu akan dibuka pada halaman asal. Kod adalah seperti berikut:

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

Kaedah 2:

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

Ringkasan:

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

tutorial video bertindak balas

Atas ialah kandungan terperinci Bagaimana untuk melompat ke halaman baharu sebagai tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!