Javascript 如何设置物料界面抽屉的宽度

我试图通过将材质UI抽屉锚定到顶部来使用它，它工作正常，但唯一的问题是我无法更改抽屉的宽度，它占用了整个页面的宽度。我尝试更新css中的宽度，如

 list: {
    width: 250.   //tried to update it to 100, but its not taking
  },

如何更新宽度？

您需要更改的是抽屉纸

const useStyles = makeStyles({
  paper: {
    width: 250
  }
});

<Drawer
  anchor={anchor}
  open={state[anchor]}
  onClose={toggleDrawer(anchor, false)}
  classes={{ paper: classes.paper }}
>

你要换的是抽屉纸

const useStyles = makeStyles({
  paper: {
    width: 250
  }
});

<Drawer
  anchor={anchor}
  open={state[anchor]}
  onClose={toggleDrawer(anchor, false)}
  classes={{ paper: classes.paper }}
>

---

当需要时，内联样式也可以按如下方式编写

const useStyles = makeStyles({
  
});

<Drawer
  anchor={anchor}
  open={state[anchor]}
  onClose={toggleDrawer(anchor, false)}
  style={{ width : "100px"}}
>

---

当需要时，内联样式也可以按如下方式编写

const useStyles = makeStyles({
  
});

<Drawer
  anchor={anchor}
  open={state[anchor]}
  onClose={toggleDrawer(anchor, false)}
  style={{ width : "100px"}}
>

---

你到底想改变什么？整个抽屉的宽度是从顶部还是从内部列表？你到底想改变什么？整个抽屉的宽度是从顶部还是从内部列表？