我正在寻找一个标签组件,其中一些标签将包含动态内容.我最初开始学习本教程:
Creating a tabs component with React
在阅读react-router之后,似乎它也可以解决这个问题.什么是更好的方法和/或它有所作为?
解决方法
是的,这对于React Router来说是一个完美的工作,因为它专注于简化单页面应用程序的URL重定向过程.
用于导航的选项卡的用例绝对属于React Router的范围.您可以使用React Router 3或4,但React Router 4 API is on the horizon和文档看起来很棒.
您可以在上面的链接中找到一个有用的示例,该示例显示了与标签链接的简便性. here is an example讨论了如何使用自定义链接创建标签.
您可能想要考虑的其中一个“陷阱”是,如果您导航到不同的路线然后导航回到上一个路线,则恢复滚动位置会有一些困难.这是一个进一步讨论这个问题的线程:https://github.com/ReactTraining/react-router/issues/1686.
如果恢复滚动位置对您来说非常重要,那么此时React Router可能不是最适合选项卡的.
Update:
React router v4 has been released,the issue above has been resolved,and Now the docs have a guide on 07003!