react實現(xiàn)頁面跳轉不記錄的方法:1、打開相應的react文件;2、通過“this.props.history.replace("/home");”方法實現(xiàn)頁面跳轉并清除當前頁的歷史記錄即可。
本教程操作環(huán)境:Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。
react 怎么實現(xiàn)頁面跳轉不記錄?
React-router:頁面跳轉并清除當前頁的歷史記錄
有如下情況:
用戶打開激活鏈接;用戶完成激活過程后,系統(tǒng)會將其移至另一個頁面。
我不想將激活鏈接保留在瀏覽器的歷史記錄中,因為當用戶返回時,他們將再次進入激活步驟。
可以通過replace進行頁面跳轉
this.props.history.replace("/home");
登錄后復制
相關介紹:
this.props.history.replace()該方法中的參數(shù)為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視頻教程》