Javascript 材质UI：在div元素中包装选项卡子项

有没有一种方法可以将材质ui选项卡组件的选项卡子项包装在div中

<Tabs
    value={value}
    indicatorColor="primary"
    textColor="primary"
    onChange={handleChange}
  >
  <div>
    <Tab label="x" />
 </div>
 <div>
    <Tab label="y" />
</div>
  </Tabs>

---

目前，我收到一个错误，该错误表示“提供给选项卡组件的值无效，选项卡的子项都与x不匹配”。删除div可以解决这个问题，但我需要将这些选项卡包装在div中，这样我就可以有一个手柄来拖动选项卡。非常感谢您的建议，因为到目前为止，我还没有找到成功的方法。

组件

选项卡

仅作为子组件接收

选项卡

组件。不能将选项卡包装在

div

中。如果要拖放选项卡组件，可以直接定义属性

draggable=“true”

：

<Tabs
    value={value}
    indicatorColor="primary"
    textColor="primary"
    onChange={handleChange}
  >
    <Tab label="x" draggable="true"/>
    <Tab label="y" draggable="true"/>
  </Tabs>

这是在哪里记录的？我看到您还有另一个与此相关的问题，我将用一个例子来回答这个问题。是的，如果有拖放选项卡的解决方案来改变使用材质ui的顺序，那么材质ui选项卡API没有拖放选项，但是您可以使用本机JavaScription开发此功能。您知道是否有方法覆盖选项卡组件要接受某种类型的div包装，我需要一个用于我尝试使用的库的拖动句柄。我欣赏原生HTML5示例，但与我尝试使用的库相比，我倾向于使用它。