嵌套的 React 路由器路径到 n 级

Question

我有一个名为<TaskView>的组件，它呈现有关特定任务的一些信息。我的任务是嵌套的，以便我能够像这样/task1/task1-1/task1-1-1...导航 N(无限期(。
我应该如何编写解析此 url 的路径？
要为级别 1 嵌套编写路径，我会这样做：<Route path="/task/:p1" component={taskView} />，对于级别 2，我会做<Route path="/task/:p1/:p2" component={taskView} />我不知道任务结构会有多深，那么我将如何为未定义数量的参数编写路径？

Answer 1

ReactRouter 有一个非精确匹配的概念。它将尝试找到最佳匹配项，因此您无需定义所有这些子路由即可挂载相同的组件。

反应：<路由精确路径 />和<路由路径 />之间的区别

所以实际上你应该能够做到

<Route path="/task/:p1" component={taskView} />

就好。