我正在寻找一个选项卡组件,其中一些选项卡将包含动态内容。我最初开始遵循本教程:
用React创建一个tabs组件
阅读了react-router之后,看来它也可以解决此问题。有什么更好的方法和/或有什么不同?
是的,这 对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已经发布,上述问题已经解决,现在文档中有关于如何恢复滚动位置的指南!
更新:
React Router v4已经发布,上述问题已经解决,现在文档中有关于如何恢复滚动位置的指南!