如何在 Material UI 中覆盖由 TabPanel 创建的 Box

Question

我正在努力瞄准似乎由 Material UI TabPanel 自动生成的 Mui Box。（如果我可以关闭它并使用我自己的容器 div 会更好）。

它给了我一个默认的 24px 填充，我需要覆盖它。

据我在网站上看到的，TabPanel 上没有文档。

我猜我需要将 classes={{}} 放在我的反应代码中的 TabPanel 上，但似乎无法让它工作。

任何帮助将非常感激 ：）

Answer 1

对我有用的直接问题的答案是使用以下内容：

const useStyles = makeStyles(theme => ({
    tab: { 
        '& .MuiBox-root': {
          padding: '0px',
          },
        },
    }));

然后我将它添加到 TabPanel

<TabPanel value={value} index={0} classes={{ root: classes.tab }}>

但也指出 - 实际上是 Material UI 页面 Tab 演示中的 TabPanel 函数创建了 Box - 所以无论如何都可以将其删除！