react如何實現頁面跳轉不記錄

今天小編給大家分享一下react如何實現頁面跳轉不記錄的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比薩迦網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式薩迦網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋薩迦地區。費用合理售后完善，十余年實體公司更值得信賴。

react實現頁面跳轉不記錄的方法：1、打開相應的react文件；2、通過“this.props.history.replace("/home");”方法實現頁面跳轉并清除當前頁的歷史記錄即可。

React-router：頁面跳轉并清除當前頁的歷史記錄

有如下情況：

用戶打開激活鏈接；用戶完成激活過程后，系統會將其移至另一個頁面。

我不想將激活鏈接保留在瀏覽器的歷史記錄中，因為當用戶返回時，他們將再次進入激活步驟。

可以通過replace進行頁面跳轉

this.props.history.replace("/home");

相關介紹：

this.props.history.replace()該方法中的參數為replace屬性為true的Link組件的to屬性，也可以傳遞state；

 this.props.history.replace(`/Page2/Div1`)
 //等同于
 <Link replace to=`/Page2/Div1`></Link>
 this.props.history.replace(`/Page2/Div1`,{ id: 1, message: "你好啊" })
 //等同于
 <Link replace to={{pathname:`/Page2/Div1`,state:{id: 1, message: "你好啊"}}></Link>

以上就是“react如何實現頁面跳轉不記錄”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創新互聯行業資訊頻道。

網頁名稱：react如何實現頁面跳轉不記錄
文章網址：http://m.kartarina.com/article10/gecpdo.html

成都網站建設公司_創新互聯，為您提供響應式網站、網站導航、品牌網站制作、外貿網站建設、全網營銷推廣、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯