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
没有加载出来?这是为什么?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
试一试/user/user/index可不可以渲染出userlist组件
解决了吗??
解决了吗?