怎么做到地址栏后面加个数字就能跳转到对应的页面 比如http://localhost:3000/2
来源：4-2 使用动态路由获取不同列表内容（2）
请你摘掉伪善的面具
2021-08-23 20:49:16
相关代码：
<Content className="content">
<Switch>
<Route path='/detail/:id' component={Detail} />
<Route path='/:id?' component={PageList} />
</Switch>
</Content>
点击导航条中的一个列表项，为什么地址可以自动变为http://localhost:3000/2这样的的形式，跟着老师写完代码回过头来思考的时候发现这块不大懂
写回答
1回答
-
同学你好，id是在hedaer导航中加的
所以点击头部导航的时候会有/1，/2等。
而在list组件中，会将地址栏中的id与数据地址进行拼接，从而访问点击导航对应着的数据
祝学习愉快！
0
相似问题