Reactjs 使用React路由器的多级“slug”url结构的路由

Reactjs 使用React路由器的多级“slug”url结构的路由,reactjs,react-router,hierarchy,Reactjs,React Router,Hierarchy,在我的应用程序中,我有一个类别层次结构。每个类别都有一个在类别实体中定义的slug。我试图实现的是url的层次结构,以及与类别层次结构相匹配。 生成的页面是url中最后一个类别的登录页面 应用程序是用React(使用React路由器)编写的 例如,我有一些类别: 第一类 第2类 类别2的url应为: /category-1/category-2 在这一点上,我正在挖掘解决方案,我真的可以找到任何最佳实践来实现这一点 我唯一找到的是递归路径 从routes的角度来看,这是可行的,但在本例中,组

在我的应用程序中,我有一个类别层次结构。每个类别都有一个在类别实体中定义的slug。我试图实现的是url的层次结构,以及与类别层次结构相匹配。 生成的页面是url中最后一个类别的登录页面

应用程序是用React(使用React路由器)编写的

例如,我有一些类别:

  • 第一类
  • 第2类
类别2的url应为:
/category-1/category-2

在这一点上,我正在挖掘解决方案,我真的可以找到任何最佳实践来实现这一点

我唯一找到的是
递归路径

从routes的角度来看,这是可行的,但在本例中,组件实际上被渲染了很多次。如何仅为最后一个slug渲染它


或者,我的方向对吗?替代方案是什么?

因为路由是常规的React组件,所以它们可以在应用程序中的任何位置呈现,包括在子元素中

我可以帮你