用户登录后如何防止访问登录页面

Question

如果用户已登录，如何防止访问登录页面，如果用户未登录，我不想显示用户登录页面。但是我已经尝试了很少的步骤，但是它对我不起作用。

我将静态值存储在localstorage中，并且如果用户尝试返回页面登录页面，那么我创建了一个用户可以访问登录页面或不登录页面的功能

login.js

  componentWillMount(){
  var id = localstorage.getitem('id')
  if(id == "1"){
     return <Redirect to="/dashboard"/>

  }
}

在这里，我也可以获取它，并且如果条件也可以进入其中，但不能重定向到仪表板                     我不知道我在做什么错。

我们将非常感谢您的帮助

预先感谢

Answer 1

Redirect仅在呈现时才起作用，这意味着它位于RelatedData.get(url){(Games,status) in DispatchQueue.main.async { //add your code here... } } 或其调用的功能之一之内。

在render内部返回Redirect不会重定向用户。要在componentDidMount中使用，可以使用命令性API：

componentDidMount

Docs for history

请注意，仅当组件直接在this.props.history.push("/dashboard"); 内部渲染时，此方法才有效，否则道具Route将不存在。在其他情况下，可以使用withRouter个高阶组件。