我应该使用react-router作为标签组件吗?

myc*_*ius 9 javascript tabs reactjs react-router

我正在寻找一个标签组件,其中一些标签将包含动态内容.我最初开始学习本教程:

使用React创建选项卡组件

在阅读react-router之后,似乎它也可以解决这个问题.什么是更好的方法和/或它有所作为?

pro*_*ion 10

是的,这对于React Router来说是一个完美的工作,因为它专注于简化单页面应用程序的URL重定向过程.

用于导航的选项卡的用例绝对属于React Router的范围.您可以使用React Router 3或4,但React Router 4 API即将推出,文档看起来很棒.

您可以在上面的链接中找到一个有用的示例,该示例显示了与标签链接的简便性.而且这里有一个例子,讨论如何创建自定义链接选项卡.

您可能想要考虑的其中一个" 陷阱 "是,如果您导航到不同的路线然后导航回到上一个路线,则恢复滚动位置会有一些困难.这是一个进一步讨论这个问题的主题:https://github.com/ReactTraining/react-router/issues/1686.

如果恢复滚动位置对您来说非常重要,那么此时React Router可能不是最适合选项卡的.

更新:

React路由器v4已经发布,上面的问题已经解决,现在文档有关于如何恢复滚动位置的指南!

  • @Mirko当匹配另一个路由时,加载的组件**将卸载**. (3认同)
  • 在浏览选项卡视图时,"react-router"是否会破坏组件?如果我在每个选项卡上都有动态内容,我不希望每次切换选项卡时都重新加载它 (2认同)