我正在寻找构建一个选项卡组件，其中一些选项卡将包含动态内容。我最初开始遵循本教程：
使用 React 创建选项卡组件 https://toddmotto.com/creating-a-tabs-component-with-react/
在阅读了react-router之后，似乎它也可以解决这个问题。什么是更好的方法和/或它会产生影响吗？
是的，这是一个React Router 的完美工作因为它专注于简化单页应用程序的 URL 重定向过程。
用于导航的选项卡的用例绝对属于 React Router 的范围。您可以使用 React Router 3 或 4，但是React Router 4 API 即将推出 https://reacttraining.com/react-router/并且文档看起来很棒。
你可以找到一个有用的例子上面的链接显示了与选项卡链接是多么容易。和这是一个例子 https://reacttraining.com/react-router/web/example/custom-link讨论如何创建带有自定义链接的选项卡。
中的一个 ”gotchas“虽然您可能需要考虑，但如果导航到不同的路线然后导航回上一个路线，恢复滚动位置会遇到一些困难。这是一个进一步讨论此问题的线程：https://github.com/ReactTraining/react-router/issues/1686 https://github.com/ReactTraining/react-router/issues/1686.
If 恢复滚动位置对你来说非常重要，那么此时 React Router 可能不是最适合选项卡的。
Update:
React router v4 已经发布，上面的问题已经解决，现在文档有一个关于如何恢复滚动位置 https://reacttraining.com/react-router/web/guides/scroll-restoration!
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
