Reactjs 如何覆盖物料界面中的抽屉

Reactjs 如何覆盖物料界面中的抽屉,reactjs,material-ui,Reactjs,Material Ui,在我的组件中,我需要覆盖css参数“overflow-y”。该参数在class.MuiDrawer论文中描述。 通常,通过makeStyles覆盖css是小菜一碟。但是在这个组件中有两个div。父容器和子div.以及当我设置重写类时,如: const useStyles = makeStyles((theme) => ({ paper: { overflowY: 'unset', }, )}; 父div得到这个类,它没有任何意义。因为我

在我的组件中,我需要覆盖css参数“overflow-y”。该参数在class.MuiDrawer论文中描述。 通常,通过makeStyles覆盖css是小菜一碟。但是在这个组件中有两个div。父容器和子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'}} />