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>

Halaman setempat melompat ke halaman baharu dengan mengklik padanya Kod adalah seperti berikut:

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

Di atas adalah beberapa kaedah mengenai "Cara Klik untuk Melompat ke Halaman Baru dalam React? Method Jump!" semua orang! Kami boleh membeli dan mempelajari pengetahuan lain tentang rangka kerja tindak balas dalam kursus pengenalan React Maklumat praktikal dan pengalaman praktikal tersedia untuk membantu anda meningkatkan dengan cepat.

Pembelajaran yang disyorkan: "

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!