Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在材质UI中替代TabPanel创建的框_Reactjs_User Interface_Material Ui - Fatal编程技术网

Reactjs 如何在材质UI中替代TabPanel创建的框

Reactjs 如何在材质UI中替代TabPanel创建的框,reactjs,user-interface,material-ui,Reactjs,User Interface,Material Ui,我正在努力瞄准似乎由材质UI选项卡面板自动生成的Mui框。(如果我可以关闭它并使用自己的container div,那就更好了) 它给了我一个需要覆盖的24px的默认填充 据我在网站上看到的,TabPanel上没有文档 我猜我需要在react代码中的TabPanel上放置class={{},但似乎无法让它工作 任何帮助都将不胜感激:)对于我的直接问题,我的答案是使用以下方法: const useStyles = makeStyles(theme => ({ tab: {

我正在努力瞄准似乎由材质UI选项卡面板自动生成的Mui框。(如果我可以关闭它并使用自己的container div,那就更好了)

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

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

我猜我需要在react代码中的TabPanel上放置class={{},但似乎无法让它工作


任何帮助都将不胜感激:)

对于我的直接问题,我的答案是使用以下方法:

const useStyles = makeStyles(theme => ({
    tab: { 
        '& .MuiBox-root': {
          padding: '0px',
          },
        },
    }));
然后我将其添加到选项卡面板中

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


但正如也指出的,实际上是Material UI pages选项卡演示中的TabPanel函数创建了这个框,所以无论如何都可以删除它

你能提供一些你的代码吗?没有代码很难判断。而且MUI没有所谓的
TabPanel
,只有
Tab
Tabs
。还有一件事,由于
不是由
Tab
API公开的,您可以使用嵌套扇区来选择这个类来提供样式,但是首先需要代码,这解决了您的问题吗?谢谢@keikai-是的,已经解决了!是的,我将Box属性
p
aka
padding
更改为零