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()