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

发布于 2022-09-07 16:20:46 字数 1248 浏览 11 评论 0

我有一个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没有加载出来?这是为什么?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

感情旳空白 2022-09-14 16:20:46

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

飘逸的'云 2022-09-14 16:20:46

解决了吗??

噩梦成真你也成魔 2022-09-14 16:20:46

解决了吗?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文