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中文網其他相關文章!