覆盖material-ui中的制表符样式(无左/右填充)

import React from 'react';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  root: {
    flexGrow: 1,
  },
  tab: {
    padding: 0, // 去除默认的左/右填充样式
  },
}));

const MyTabs = () => {
  const classes = useStyles();

  return (
    <div className={classes.root}>
      <Tabs>
        <Tab className={classes.tab} label="选项卡1" />
        <Tab className={classes.tab} label="选项卡2" />
        <Tab className={classes.tab} label="选项卡3" />
      </Tabs>
    </div>
  );
};