react umi框架 路由里怎么获取这样的参数呢?

十点四十八
  • 319
{
  path: 'aaa/bbb/:id',
  name: '详情页',
  routes: [
    {
       path: 'ccc',
       component: './CCC.jsx'
    },
    {
       path: 'ddd',
       component: './DDD.jsx'
    },
    {
       path: 'eee',
       component: './EEE.jsx'
    }
  ]
}

请教大家,
在组件 CCC 里,怎么获取它自己的 path,也就是 'ccc' 呢 ?

回复
阅读 240
1 个回答

有两个思路:

  1. 可以从location.pathname里面手动截取【不推荐】;
  2. umi里的话,props.match.params里面会包含你的这个:id信息。

    比如你的示例,最终URL是aaa/bbb/ccc,那props.match.params里就是{id: 'ccc'}

props里面两个比较有用的属性routematch,你可以分别打印出来看看,研究研究。希望可以帮到你!

你知道吗?

宣传栏