Reactjs 如何覆盖物料界面中的抽屉
在我的组件中,我需要覆盖css参数“overflow-y”。该参数在class.MuiDrawer论文中描述。 通常,通过makeStyles覆盖css是小菜一碟。但是在这个组件中有两个div。父容器和子div.以及当我设置重写类时,如:Reactjs 如何覆盖物料界面中的抽屉,reactjs,material-ui,Reactjs,Material Ui,在我的组件中,我需要覆盖css参数“overflow-y”。该参数在class.MuiDrawer论文中描述。 通常,通过makeStyles覆盖css是小菜一碟。但是在这个组件中有两个div。父容器和子div.以及当我设置重写类时,如: const useStyles = makeStyles((theme) => ({ paper: { overflowY: 'unset', }, )}; 父div得到这个类,它没有任何意义。因为我
const useStyles = makeStyles((theme) => ({
paper: {
overflowY: 'unset',
},
)};
父div得到这个类,它没有任何意义。因为我需要重写子类。
我试着做这样的事情:
className={{ paper: classes.paper }}
但在这种情况下,我们不能选择班级。。。我该怎么办
我有两个选择
!重要信息
样式
属性
我更喜欢使用
样式
属性。覆盖材质ui类的正确方法是在抽屉
组件上使用类
,而不是类名
const useStyles=makeStyles((主题)=>({
论文:{
溢出:“未设置”,
},
)};
...
谢谢!这很有帮助。我以前尝试过,但跳过了对该属性的另一个请求。最终版本如下:classes={paper:clsx(classes.paper,{[classes.DROUPERPON]:open,[classes.DROURCLOSE]:!open,}
className={{ paper: classes.paper }}
const useStyles = makeStyles((theme) => ({
paper: {
overflowY: 'unset !important',
},
)};
<Drawer style={{overflowY: 'unset'}} />