在V4中对此进行管理的标准方法是在config中提供一条路由,如下所示：@H_502_4@

@H_502_4@

/:name/abc-xyz/:id

如果您不受其他解析器的约束,可以使用上述虚线模式,则此解决方案将满足您的需求.@H_502_4@

参考：https://github.com/reacttraining/react-router/tree/master/packages/react-router-config#route-configuration-shape@H_502_4@

如果您与静态路由冲突,则将动态路由放在路由脚手架中@H_502_4@

参考：https://tylermcginnis.com/react-router-ambiguous-matches/@H_502_4@

自定义路线格式@H_502_4@

另外,注意@H_502_4@

@H_502_4@

React Router uses path-to-regexp for its route matching.@H_502_4@

这意味着如果您使用以下格式提供路线：@H_502_4@

@H_502_4@

/:name(\w+-)?abc-xyz(\w+-)?:id

比较(IE)时也可以使用@H_502_4@

@H_502_4@

def-abc-xyz-12

截图来自route tester@H_502_4@

路由测试器：https://pshrmn.github.io/route-tester/#/def-abc-xyz-12