react-router-dom: 重定向默认路由

最新推荐文章于 2024-08-27 10:34:03 发布

weixin_34417635

最新推荐文章于 2024-08-27 10:34:03 发布

阅读量565

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Nyan-Workflow-FC/p/8759683.html

本文介绍了一种根据用户登录状态来实现自定义路由的方法。通过React中的<Redirect>组件，可以实现在根路由根据是否登录进行重定向。但需要注意的是，这种方法只适用于根路由，对于子路由还需额外配置。

<appLayout>
      <Switch>
          <Route path='/' exact render={()=> (
               <Redirect to={this.getDefaultRoute()}/>
           )}/>
        </Switch>
</appLayout>

根据登录与否进入自定义路由

只能判断根路由，子路由不受影响需做另外设置

redirectDefault() {
  const defaultState = <Route to={this.state.defaultState}/>
  const loginState = <Route to="/login"/>
  return this.state.hasLogin ? defaultState : loginState;
}

转载于:https://www.cnblogs.com/Nyan-Workflow-FC/p/8759683.html