react-router 点击相同路由不同参数原来的路由不会自动去掉

Question

是这样的，我在我的项目中使用了react-router，
我使用react-router做了一个类似与tabbarview的效果，就是说点击一个tab,然后切换出相应的内容。
那么问题来了，我对每个tabbaritem设置了路由如下

<Route path="/tab" component = {TabView}>
    <Route path = ":id" component = {TabViewDetail}/>
</Route>

然后我在界面上点击了相应的链接。结果点一次，浏览器地址栏就多出一个/tab

如下：

http://localhost:3000/tab/tab/tab/tab/tab/1

这是什么情况。

如果我切换成其他的路由，则不会再原来的路由后面叠加。也就是说只有相同的路由，不同的参数，才会在地址后面不停叠加同一个路由。

Answer 1

你是不是用了 Link 然后地址上写了 /tab/1 然后还设置了 basename ?