如何动态改变用户界面的抽屉宽度？

Question

我正在尝试在窗口调整大小时更改材质UI的 Drawer 组件的宽度。 在文档中，宽度像这样classes={{ paper: classes.root }}一样应用，但是问题在于您不能动态更改classes.root，因为它是一个常数。

我也尝试用classes={{ paper: {width: drawerWidth } }}来设置宽度，但是没有运气。

示例：

const useStyles = makeStyles(theme => ({
    root: {
        width: "70%"
    }
}));
funciton Example(props) {
    const classes = useStyles();
    var dynamicWidth = "70%";

    function setDynamicWidth() ...

    return (
        <Drawer
            classes={{
                paper: { width: dynamicWidth }
            }}
        >
            ...
        </Drawer>
    );
}