React登陸賬號之後返回之前的頁面
阿新 • • 發佈:2019-01-02
登入之後需要跳轉的頁面。即在哪個頁面登入的,登入完了之後還要再跳轉到哪個頁面
路由的配置
登陸的路由 <Route path='/login(/:router)' component={Login} />
詳情頁的路由 <Route path='/detail/:id' component={Detail} />
每個商品的頁面都有對應的id
點選登陸按鈕的部分程式碼
const params = this.props.params
const router = params.router
if(router){
//跳轉到指定的頁面
hashHistory.push(router)
}else{
//跳轉到使用者主頁
hashHistory.push('/User')
}
其實這個router是在商品頁跳轉到登陸頁面的時候攜帶過去的商品頁的路由
商品頁部分程式碼,在商品詳情頁點選登陸按鈕跳轉到登陸介面的時候會加上router
hashHistory.push('/login/' + encodeURIComponent('/detail/'+ id ))
然後現在看上面的那段程式碼,router這個引數也就有了,所以說在商品頁跳轉登陸頁面的時候會多攜帶一個引數(也就是這個商品頁的路由地址,命名為router),然後登陸賬號之後router存在,那麼執行上面的程式碼,直接跳轉到對應的商品頁