小编典典

我应该对选项卡组件使用react-router吗?

reactjs

我正在寻找一个选项卡组件,其中一些选项卡将包含动态内容。我最初开始遵循本教程:

用React创建一个tabs组件

阅读了react-router之后,看来它也可以解决此问题。有什么更好的方法和/或有什么不同?


阅读 251

收藏
2020-07-22

共1个答案

小编典典

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

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

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

尽管您可能要考虑的“ 陷阱
”之一是,如果您导航到另一条路线然后导航回到上一条路线,则在恢复滚动位置时会遇到一些困难。这是一个进一步讨论此问题的线程:https : //github.com/ReactTraining/react-
router/issues/1686。

如果 恢复滚动位置 对您非常重要,那么此时React Router可能不是最适合制表符的位置。

更新:

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

2020-07-22