Reactjs 嵌套反应路由器赢得';不渲染

Reactjs 嵌套反应路由器赢得';不渲染,reactjs,react-router,react-router-dom,Reactjs,React Router,React Router Dom,我有一个弹出组件,它覆盖了我希望通过路由呈现的主要内容,但因为我希望它建立在现有路由的基础上,而不会弄乱我的主页配置,所以我尝试使用嵌套路由。然而,我似乎误解了应该怎么做。我用“withRouter”包装了导出,并尝试这样做: <Fragment> <Helmet> <title>Videos - Saddex Productions</title> </Helmet> <Swit

我有一个弹出组件,它覆盖了我希望通过路由呈现的主要内容,但因为我希望它建立在现有路由的基础上,而不会弄乱我的主页配置,所以我尝试使用嵌套路由。然而,我似乎误解了应该怎么做。我用“withRouter”包装了导出,并尝试这样做:

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

视频-Saddex制作
}
/>
...

这不起作用,只渲染主组件。我也不想把下面要呈现的代码外包出去,因为这似乎是不必要的。但是,我该怎么办?提前感谢。

解决了:它不工作的原因是因为我假设路由器的工作方式与Express路由器的工作方式相同-具有相对路径。我包括了基本路径,如“视频/弹出窗口”,现在它的工作,似乎

渲染此组件时是否导航到/popup url?我导航到。这并不简单,我也不明白为什么。仅供参考,父组件可能是路由器本身的一部分。解决了:它不起作用的原因是因为我认为路由器的工作原理和Express路由器一样——具有相对路径。我包括了基本路径,如“视频/弹出窗口”,现在它的工作,似乎。