reactjs - 如何动态改变material-ui的抽屉宽度？

Question

我正在尝试在窗口调整大小时更改 material-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>
    );
}

标签： reactjsmaterial-ui