路由/users、/users/:id和/users/online能与react路由器共存吗？
路由/users、/users/:id和/users/online能与react路由器共存吗？
提问于 2017-11-10 15:18:18
出于向后兼容性的原因，我被要求创建以下3条路由：
/users列出所有用户/users/:id通过id转到一个用户的详细视图/users/online是/users的过滤视图，其中只有在线用户在场。
我知道online永远不会是一个有效的id，所以它在概念上永远不会与/users/:id端点发生冲突，但是react路由器能够处理这个问题吗？
以下是我到目前为止尝试过的，但并没有像预期的那样起作用：
<Route exact path="/users" component={UserList} />
<Route exact path="/users/:id" component={UserDetail} />
<Route exact path="/users/online/:q" component={UserList} />回答 1
Stack Overflow用户
回答已采纳
发布于 2017-11-10 15:52:15
您必须将online路由放在类似通配符的参数:id之前。因为/:id和/online处于同一级别，而且:id是在前面定义的，所以当您到达/online时，它将被捕获为"id“。
<Route exact path="/users" component={UserList} />
<Route exact path="/users/online/:q" component={UserList} />
<Route exact path="/users/:id" component={UserDetail} />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47225971
复制相关文章
相似问题
腾讯云开发者
