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

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

本教學操作環境：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中文網其他相關文章！