时间戳

首页 > 解决方案 > 居中 TabContext 材质-ui/core

reactjs - 居中 TabContext 材质-ui/core

问题描述

我有一个TabContext这样的：

<TabContext value={selectedTab.toString()}>
  <TabList>
   <Tab>Hi</Tab>
   <Tab>Hi2</Tab>
  </TabList>
</TabContext>

但是，所有选项卡都向右对齐，我想将它们对齐到中心。对于Tabs对象，我可以只传递centered属性，但是，它与TabContext.

TabContext我怎样才能像我们如何处理一样居中Tabs？

标签： reactjsmaterial-ui

解决方案

来自TabList 文档=>Props of the Tabs component are also available

所以你可以写：

<TabList centered>
  <Tab>Hi</Tab>
  <Tab>Hi2</Tab>
</TabList>

推荐阅读