react-router4 分路由无法渲染出组件?

我有一个Layout组件,他看起来像这样:

render(){
    return(
        <a />
        <b />
        {this.props.children}
    )
}

然后在App.js里, router.js是一个分路由:

import UserRouter from 'user/router.js'
<Layout>
    <Switch>
        <Route exact path='/' component={Home} />
        <Route path='/user' component={UserRouter} />   
    </Switch>
</Layout>

我的user目录是这样的:

user/
    index/
        index.js
    user-admin/
        index.js
    router.js

现在是这样,如果路径是/user,渲染UserRouter组件,但是因为UserRouter是一个分路由,所以去user/router.js里匹配路径:

class UserRouter extends Component{
    render(){
        return(
            <Switch>
                <Route path='/user/index' component={UserList} />
                <Redirect exact from='/user' to='/user/index' />
            </Switch>
        )
    }
}

在这路如果路径是/user直接跳转到/user/index,然后渲染UserList组件.

我试过之后发现访问/user路径时可以直接跳转到/user/index, 但UserList没有加载出来?这是为什么?

阅读 2.6k
3 个回答
新手上路,请多包涵

试一试/user/user/index可不可以渲染出userlist组件

新手上路,请多包涵

解决了吗??

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题