为什么我的嵌套路由组件没有在 react-router-dom 6 中呈现？答案

【问题标题】：Why are my nested route components not rendering in react-router-dom 6?为什么我的嵌套路由组件没有在 react-router-dom 6 中呈现？
【发布时间】：2022-12-20 01:57:59
【问题描述】：

我的 App.tsx 文件中有以下路由：

当我访问 /help URL 时，我可以看到文档标题和导航栏已加载到 DOM 中，但是，我没有看到任何嵌套路由，也没有收到任何错误或警告。

【问题讨论】：

错误或警告是什么？
@Jacobo 我没有收到任何错误或警告。
需要注意的一件事是，您在 Collections 组件内的 /collections 路径正在呈现一个 Collections 组件，它可能指的是自身？
@andymccullough 那是一个不同的 Collections 组件。
我没有看到您共享的代码有任何明显的问题。你能创造一个跑步重现我们可以实时检查和调试的问题的 codesandbox 演示？

标签： javascript

【解决方案1】：

您的顶级路由正在处理 URL 的 /collections 部分，因此嵌套路由也有 /collections 会让我想知道路由器是否期望您的 URL 为 /collections/collections

【讨论】：