如何在 Material UI 中覆盖 Drawer

Question

在我的组件中，我需要覆盖 css 参数“overflow-y”。该参数在 .MuiDrawer-paper 类中描述。通常通过 makeStyles 来覆盖 css 是小菜一碟。但在这个组件中有两个div。父容器和子容器。当我设置重写的类时，例如：

 const useStyles = makeStyles((theme) => ({
      paper: {
        overflowY: 'unset',
      },
    )};

...

className={classes.paper}

父 div 得到这个类，它没有任何意义。因为我需要覆盖子类。我尝试做这样的事情：

 className={{ paper: classes.paper }}

但在这种情况下，班级不会被选...我该怎么办？

Answer 1

覆盖材质 ui 类的正确方法是使用组件上的classes propDrawer而不是className.

阅读有关重写类的更多信息

const useStyles = makeStyles((theme) => ({
      paper: {
        overflowY: 'unset',
      },
    )};
...
     <Drawer
        classes={{
          paper: classes.paper,
        }}
        anchor="left"
        open={open}        
     />