Reactjs react路由器dom嵌套路由和重定向

我试图在中的react training中对嵌套路由示例进行一些扩展

代码沙盒：

在代码沙盒浏览器中，如果导航到/some-此功能正常，则单击SomeOne-此功能正常。然而，点击“SomeTwo”应该重定向到“SomeTwo”加载为空，为什么

而且，这些链接无法立即工作？沙箱中可能有一些奇怪的东西，因为我一直在用随机的东西来尝试让它工作

我只想构造路由，这样我就不必将所有这些路由都放在一个文件中

我做了很多搜索，尝试了很多不同类型的实现，但最终都出现了问题，要么是添加了一个全覆盖路由，要么是重定向

从开关中移除道具是可行的，但这会将动画呈现从帧移动中断开

以下是位于的帧运动示例：

---

即使导航和重定向组件上有withRouter钩子，重定向仍然失败。

您无需向交换机组件传递任何道具。还要确保将

导航

组件渲染为路由，或将

与路由器HOC一起使用

，以便它接收路由器道具

    <Switch>
        {children}
    </Switch> 

{儿童}

---

正如我所检查的，它工作正常，您的问题是什么？它工作正常吗？对于我来说，在这个例子中，如果我导航到/some，然后单击“SomeOne”，然后单击“SomeTwo”，它将加载空白，重定向不会加载组件，但是刷新会使其工作。Switch组件需要这些道具，以便framer motions AnimatePresence可以检测到更改-这在他们的文档中作为此设置的示例。有趣的是，从开关中移除道具确实解决了这个问题。。。我想这是我应该反对制宪者动议的东西。无法重新编辑以前的评论。我在framer motion中提到的示例如下：-自从我上次查看它以来，它已经更新，并且我已经调整了沙盒以匹配它，但是重定向仍然失败。在导航和重定向组件中添加了withRouter钩子。请看一看，这是一个已知的错误，我的解决方法很有效。接受你的回答，因为如果没有你的帮助，我不会走得更远！