React-router 路由嵌套问题

Question

我的路由嵌套如上图，为什么访问#/inspection或#/report，对应组件并未加载呢？
在Overview组件this.props.chidlren是null。
React-router不可以多重嵌套吗？求教

Answer 1

直接上代码吧，相信很容易看懂

    export function createRoutes() {
      return {
        path: '/',
        component: Foo,
        indexRoute: { component: Main },
        childRoutes: [
          { path: 'Start', component: Started },
          {
            path: 'Showcase',
            component: Case,
            childRoutes: [
              { path: 'Bash', component: Bash },
              { path: 'Comment', component: Comment },
            ],
          },
          { path: 'Blog', component: Blog },
        ],
      };
    }

另外，再加个地址，不知道你知道不http://react-guide.github.io/...

Answer 2

你的应该是#/overview/inspection吧

Answer 3

大佬 刚学react 我想问问 根据你上面的路由配置 你的dom结构是什么样的