嵌套路线不起作用?

时间:2016-01-14 02:51:38

标签: react-router

你好可爱的stackoverflowers,我使用的是react@0.14.5和react-router@1.0.3(与@latest一起安装)。

这个例子不适用于我(下图)。当我导航到http://mysite/about或点击“关于”链接时,将始终显示主页。

example code

点击前

image

点击

image

我通过删除嵌套结构(下面的代码)来修复此问题,现在它按预期工作。

image

我使用这个包错了吗?

1 个答案:

答案 0 :(得分:0)

在渲染子(嵌套)路由时,您需要在父路由中使用this.props.children来呈现子路由。

对于ex,请将其放入App上的render方法:

<div> {this.props.children} </div>