1. 程式人生 > >React登陸賬號之後返回之前的頁面

React登陸賬號之後返回之前的頁面

登入之後需要跳轉的頁面。即在哪個頁面登入的,登入完了之後還要再跳轉到哪個頁面

路由的配置

登陸的路由 <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存在,那麼執行上面的程式碼,直接跳轉到對應的商品頁