使用 React Router 路由多级 `slug` url 结构

Question

在我的应用程序中，我有一个类别层次结构。每个类别都有一个在类别实体中定义的 slug。我想要实现的是 url 的层次结构以及匹配类别的层次结构。 结果页面是url中最后一个类别的登陆页面。

应用程序是用 React 编写的（使用 React 路由器）。

所以，例如我有类别：

• 1 类
• 2 类

类别 2 的网址应为： /category-1/category-2

此时我正在寻找解决方案，我真的可以找到任何最佳实践来实现这一目标。

我唯一找到的是recursive pathshttps://reacttraining.com/react-router/web/example/recursive-paths

这从路由的角度来看是可行的，但在这个例子中，组件实际上被渲染了很多次。如何只为最后一个 slug 渲染它？

或者，我在这里的方向是否正确？有什么替代方法？

Answer 1

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

example 可以帮到你。