Reactjs 處理瀏覽器刷新

Question

如何在 reactjs 中處理頁面刷新。就像我有一個 url ：

/主要/書籍/頁面

目前通過 react-router 在瀏覽器上，但是當我刷新頁面或手動在地址欄中放置另一個 url 時，我希望在某些條件檢查后加載欄中以前的 url，而不是新的。

例如，如果登錄用戶嘗試訪問 /login 或 /signup 路由，那么他們將被重定向到他們來自的 url，即他們訪問的最后一個或上一個 url。

基本上我的問題是如何在瀏覽器重新加載或手動重定向到另一個 url 之前在瀏覽器中獲取以前訪問過的 url？

Answer 1

您可以在componentDidMount函數中檢查身份驗證並使用如下history重定向用戶：

componentDidMount() {
  if(!this.props.autheticated) {
    this.props.history.push('/login')
  }
}

Answer 2

在登錄頁面，

componentDidMount(){
  if(isUserLoggedIn){
this.props.history.goBack()

} }

或使用 this.props.history.pop()