Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk melaksanakan ke hadapan dan ke belakang dalam penghala tindak balas

Bagaimana untuk melaksanakan ke hadapan dan ke belakang dalam penghala tindak balas

藏色散人
Lepaskan: 2022-12-20 14:17:06
asal
2390 orang telah melayarinya

Cara melaksanakan ke hadapan dan ke belakang dalam penghala tindak balas: 1. Laksanakan penghalaan ke hadapan melalui "goback(){this.props.history.goBack()}" 2. Melalui "go(){this. props. history.go(-1) }" untuk melaksanakan penghalaan balik.

Bagaimana untuk melaksanakan ke hadapan dan ke belakang dalam penghala tindak balas

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

Bagaimanakah penghala tindak balas melaksanakan ke hadapan dan ke belakang?

Kaedah lompat penghalaan gerak balas dan penghalaan ke hadapan dan belakang

1 Lompat label

//1.引入依赖
import { Link  } from 'react-router-dom'
//2.在需要的地方加上这段,Link标签是a标签
<Link to={{ pathname: /*你的路由*/ }} replace> </Link>
Salin selepas log masuk

2 >Route forward goBac()

//1.引入依赖
import { withRouter } from &#39;react-router-dom&#39;;
//2.比如使用点击事件
fun(){
    this.props.history.push(&#39;/*你的路由*/&#39;)
  }
export default withRouter (App);
Salin selepas log masuk

Route rollback push()

goback(){
      this.props.history.goBack()  
  }
Salin selepas log masuk

Disyorkan pembelajaran: "

react video tutorial
go(){
      this.props.history.go(-1) 
  }
Salin selepas log masuk
"

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan ke hadapan dan ke belakang dalam penghala tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan