本篇文章和大家了解一下react-router實現(xiàn)前進(jìn)后退的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

創(chuàng)新互聯(lián)公司是一家網(wǎng)站設(shè)計公司，集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商，主營產(chǎn)品：響應(yīng)式網(wǎng)站開發(fā)、品牌網(wǎng)站設(shè)計、成都全網(wǎng)營銷推廣。我們專注企業(yè)品牌在網(wǎng)站中的整體樹立，網(wǎng)絡(luò)互動的體驗，以及在手機(jī)等移動端的優(yōu)質(zhì)呈現(xiàn)。成都網(wǎng)站建設(shè)、網(wǎng)站制作、移動互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營、VI設(shè)計、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶提供一站式解決方案，我們深知市場的競爭激烈，認(rèn)真對待每位客戶，為客戶提供賞析悅目的作品，網(wǎng)站的價值服務(wù)。

    react-router實現(xiàn)前進(jìn)后退的方法：1、通過“goback(){this.props.history.goBack()}”實現(xiàn)路由前進(jìn)；2、通過“go(){this.props.history.go(-1) }”實現(xiàn)路由回退。

react-router怎么實現(xiàn)前進(jìn)后退？

React-路由跳轉(zhuǎn)方式與路由前進(jìn)回退

1、標(biāo)簽跳轉(zhuǎn)

//1.引入依賴
import { Link  } from 'react-router-dom'
//2.在需要的地方加上這段，Link標(biāo)簽是a標(biāo)簽
 

2、事件跳轉(zhuǎn)

//1.引入依賴
import { withRouter } from 'react-router-dom';
//2.比如使用點(diǎn)擊事件
fun(){
    this.props.history.push('/*你的路由*/')
  }
export default withRouter (App);

路由前進(jìn)goBac()

goback(){
      this.props.history.goBack()  
  }

路由回退push()

go(){
      this.props.history.go(-1) 
  }

以上就是react-router實現(xiàn)前進(jìn)后退的方法的簡略介紹，當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會。如果想了解更多，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦！