具有多级动态路由的 React Router

Question

我正在处理一个需要多级动态路由的项目。为了理解动态路由的概念，我使用了 React Router 文档中的递归路由示例。但是，这（显然）显示了以前的路线，这不是我需要的。我只对展示最终路线感兴趣，而且我不够精明或经验不足，无法弄清楚如何修改它以使其工作。

我创建了一个代码框来显示有效的递归路由。 https://codesandbox.io/s/j29xlkr6qy

我正在寻找的功能是如果用户导航到 url domain.com/opt3/ch2-opt2/ch3-opt3，其中 /opt3/ch2-opt2/ch3-opt3/ 都是动态的，它们只会看到 ch3-opt3 的路由。递归示例的问题显然在于它显示了 opt3、ch2-opt2 的路由，和 ch3-opt3，而不仅仅是 ch3-opt3 的路由。

提前感谢您的帮助！

Answer 1

我想出了这个。 React Router v4 允许多个参数。因此，domain.com/:id1/:id2/:id3/:id4 的 URL 结构产生 match.id1、match.id2、match.id3 和 match.id4。