反应路由器弹出 windows

Question

我正在尝试使用 React 路由器为我网站上的弹出窗口 windows 提供路由。

我有核心 'dashboard'，用户可以点击链接在核心仪表板上方打开 window（因此可以在 window 下方看到仪表板）。

在阅读 react-router 的文档时，我认为这种布局正是嵌套路由的用例，但它似乎不起作用。

我正在测试，让 window 由具有背景颜色的 div 表示，以便我可以看到它。

我的路由是这样配置的：

<Route handler={Application}>
    <Route name='dashboard' path='dashboard' handler={Dashboard} >
        <Route path='window/:id' handler={Window} />
    </Route>
</Route>

我期望的是当我访问 /dashboard/window/1 时出现 div 但没有任何变化，并且查看 DOM window div 是甚至没有渲染。

任何帮助都会很棒。谢谢

Answer 1

在要嵌套视图的组件内，您需要添加一个 <RouteHandler />，以便显示嵌套在该组件中的视图。我们做了类似的事情，但使用了选项卡，只想更改选项卡的主体和突出显示的选项卡以获得相同的效果。

Answer 2

在 React Router 1.0 中，您只需将以下内容添加到您的 Dashboard.render 树中：

{this.props.children}

反应路由器弹出 windows

React router popup windows

reactjs

react-router