首頁 > web前端 > 前端問答 > react 怎麼實現頁面跳轉不記錄

react 怎麼實現頁面跳轉不記錄

藏色散人
發布: 2022-12-30 10:07:28
原創
2598 人瀏覽過

react實作頁面跳轉不記錄的方法:1、開啟對應的react檔案;2、透過「this.props.history.replace("/home");」方法實作頁面跳轉並清除當前頁的歷史記錄即可。

react 怎麼實現頁面跳轉不記錄

本教學操作環境:Windows10系統、react18.0.0版、Dell G3電腦。

react 怎麼實現頁面跳轉不記錄?

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 怎麼實現頁面跳轉不記錄的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板