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

Question

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

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

Answer 1

有两个思路：

1. 可以从location.pathname里面手动截取【不推荐】；

2. umi里的话，props.match.params里面会包含你的这个:id信息。

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

props里面两个比较有用的属性route和match，你可以分别打印出来看看，研究研究。希望可以帮到你！