本教程操作環境: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中文網其它相關文章!
關鍵詞: React