具有多级动态路由的 React Router
React Router with multiple levels of dynamic routing
我正在从事一个需要多层动态路由的项目。为了深入了解动态路由的概念，我使用了 React Router 文档中的递归路由示例。但是，这（显然）显示了以前的路线，这不是我需要的。我只对显示最终路线感兴趣，但我的悟性或经验不足以弄清楚如何修改它以使其发挥作用。
我创建了一个 codesandbox 来显示有效的递归路由。 https://codesandbox.io/s/j29xlkr6qy
我正在寻找的功能是，如果用户导航到 url 域。com/opt3/ch2-opt2/ch3-opt3 ，其中 /opt3/ch2-opt2/ch3-opt3/ 都是动态的，他们只会看到 ch3 的路由-opt3。显然，递归示例的问题在于它显示了 opt3、ch2- 的路由opt2和ch3-opt3，而不仅仅是[=的路由19=]ch3-opt3.
提前感谢您的帮助！
我想通了。 React Router v4 允许多个参数。因此，domain.com/:id1/:id2/:id3/:id4 的 URL 结构产生 match.id1、match.id2、match.id3 和 match.id4。
我正在从事一个需要多层动态路由的项目。为了深入了解动态路由的概念，我使用了 React Router 文档中的递归路由示例。但是，这（显然）显示了以前的路线，这不是我需要的。我只对显示最终路线感兴趣，但我的悟性或经验不足以弄清楚如何修改它以使其发挥作用。
我创建了一个 codesandbox 来显示有效的递归路由。 https://codesandbox.io/s/j29xlkr6qy
我正在寻找的功能是，如果用户导航到 url 域。com/opt3/ch2-opt2/ch3-opt3 ，其中 /opt3/ch2-opt2/ch3-opt3/ 都是动态的，他们只会看到 ch3 的路由-opt3。显然，递归示例的问题在于它显示了 opt3、ch2- 的路由opt2和ch3-opt3，而不仅仅是[=的路由19=]ch3-opt3.
提前感谢您的帮助！
我想通了。 React Router v4 允许多个参数。因此，domain.com/:id1/:id2/:id3/:id4 的 URL 结构产生 match.id1、match.id2、match.id3 和 match.id4。