React+umi+ant 点击父菜单时自动跳转到子菜单第一个

最新推荐文章于 2023-12-24 18:48:05 发布

我也秃了

最新推荐文章于 2023-12-24 18:48:05 发布

阅读量2k

点赞数 5

分类专栏： React 入坑学习文章标签： reactjs redirect umi antd

本文链接：https://blog.csdn.net/qq_40044912/article/details/114531516

版权

React 入坑学习专栏收录该内容

49 篇文章 13 订阅

订阅专栏

取出routes中的一段
如下：

{
  path:'Settings',
  name:'主数据配置',
  icon:'set',
  routes:[
    {
      path:'/Settings/userConfig',
      name:'用户主数据',
      component:'...'
    },
    {
      path:'/Settings/groupConfig',
      name:'用户组主数据',
      component:'...'
    },
    {
      path:'/Settings/roleConfig',
      name:'角色主数据',
      component:'...'
    },
  ]
},

这是一个很普通的路由
因为主数据配置这个父菜单实际上没有界面，
所有想要在点击主数据配置时，直接跳转到用户主数据界面

下面为更改后：

{
  path:'Settings',
  name:'主数据配置',
  icon:'set',
  routes:[
    {
      path: '/Settings',
      redirect:'/Settings/userConfig',
    },
    {
      path:'/Settings/userConfig',
      name:'用户主数据',
      component:'...'
    },
    {
      path:'/Settings/groupConfig',
      name:'用户组主数据',
      component:'...'
    },
    {
      path:'/Settings/roleConfig',
      name:'角色主数据',
      component:'...'
    },
  ]
},

就是在routes内新加父菜单的重定向，指向子菜单的第一个，亲测有效

注意，这么写是不行的，会导致界面全部为空白，原因可能是会把子菜单所有路由都重定向，所以都为空白，或者是其他原因

{
  path:'Settings',
  name:'主数据配置',
  icon:'set',
  redirect:'/Settings/userConfig',
  routes:[
    {
      path:'/Settings/userConfig',
      name:'用户主数据',
      component:'...'
    },
    {
      path:'/Settings/groupConfig',
      name:'用户组主数据',
      component:'...'
    },
    {
      path:'/Settings/roleConfig',
      name:'角色主数据',
      component:'...'
    },
  ]
},