我正在使用 material-ui 库开发一个 React 项目。我目前正在尝试添加一个对我来说很好用的抽屉。但是,我正在尝试更改此抽屉的背景颜色。我听说做到这一点的方法是改变抽屉纸的颜色。我尝试将以下标签添加到我的 CSS 对象:
const styles = theme => ({
background:"BLUE"
然后我使用 classNames 库在我的渲染函数中引用这个对象:
render(){
const { classes } = this.props;
return(
<div className={styles.root}>
<CssBaseline />
<Drawer
variant="permanent"
className={classNames(classes.drawer, {
[classes.drawerOpen]: this.state.open,
[classes.drawerClose]: !this.state.open
})}
classes = {{
paper: classNames({
background:classes.background,
[classes.drawerOpen]: this.state.open,
[classes.drawerClose]: !this.state.open
})
}}
但是,当我在 localhost 上运行它时,纸张仍然是普通的旧白色。我是否遗漏了有关 classNames 库的某些内容,或者是纸质标签的特例?提前致谢,如果我应该提供比这更多的信息,请告诉我。