嵌套的 React 路由器不会渲染答案

【问题标题】：Nested React Router won't render嵌套的 React 路由器不会渲染
【发布时间】：2020-03-16 16:07:34
【问题描述】：

我有一个弹出组件覆盖了我想通过路由呈现的主要内容，但是因为我希望它在现有路由上构建而不会弄乱我的主页配置，所以我尝试使用嵌套路由。但是，我似乎误解了它应该如何完成。我用“withRouter”包装了导出并尝试这样做：

 <Fragment>
     <Helmet>
         <title>Videos - Saddex Productions</title>
     </Helmet>
     <Switch>
         <Route path="/popup"
         render={() => <Popup items={props.videos}/>}
         />
      </Switch>
      ...

这不起作用，只会渲染主要组件。而且我也不想外包将在下面渲染的代码，因为它似乎没有必要。然而，我该怎么办？提前致谢。

【问题讨论】：

渲染这个组件时是否导航到 /popup url？
我愿意。它并不简单，我不明白为什么。仅供参考，父组件是我可能隐含的路由器本身的一部分。那个确实有效。
已解决：它不起作用的原因是因为我认为路由器像 Express 路由器一样工作 - 使用相对路径。我包含了“videos/popup”之类的基本路径，现在它似乎可以工作了。

标签： reactjs react-router react-router-dom

【解决方案1】：

已解决：它不起作用的原因是因为我认为路由器像 Express 路由器一样工作 - 使用相对路径。我包含了“视频/弹出窗口”之类的基本路径，现在它似乎可以工作了。

【讨论】：