如何通过“更多”下拉菜单实现material-ui选项卡（如文档屏幕快照所示）

Question

我正在寻找实现一个Tabs包含很多（7-9）个Tab组件的桌面视图的组件。当它超出上的视口宽度时Tabs，我不想使用可滚动标签，而是希望其他Tab项目位于“ 更多”下拉菜单中，就像下面的示例文档所示：

问题：

实现该目标的目的是什么？我实际上希望获得与它们描述的功能完全相同的功能，当我从上方的下拉菜单中单击某个项目（例如书籍）时，该位置将与Tab“ 更多”下拉菜单的左侧直接交换位置，如这张屏幕截图所示。 doc：

具体来说，“ 更多”下拉列表是“ 标签”组件还是“ 下拉菜单”组件？
使用时，默认情况下如何从“更多下拉列表”中选择选项卡/选项？（例如：选中的标签页是否会像屏幕截图一样移动到可见的标签页部分？）。还是需要手动完成此操作才能获得该结果？
最后，是否有指向此用法示例的链接？

Answer 1

晚了，但可能对某人有帮助。

我能够使用弹出框组件在选项卡内实现下拉菜单。

它具有三个选项卡 - 一、二和三。单击选项卡“三”将执行正常的选项卡更改。单击选项卡“三”旁边的下拉箭头将提供其他选项。

这不是问题的精确解决方案，但可以通过类似的方法来实现。