search

Home  >  Q&A  >  body text

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

是这样的,我在我的项目中使用了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

这是什么情况。

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

黄舟黄舟2871 days ago668

reply all(1)I'll reply

  • 巴扎黑

    巴扎黑2017-04-17 13:34:09

    Did you use Link and write /tab/1 in the address and then set basename?

    reply
    0
  • Cancelreply