Material-UI更改抽屉颜色

Question

如何设置Material-UI Drawer的背景颜色？ 尝试了这个，但是没有用

const styles = {
  paper: {
    background: "blue"
  }
}

并将其传递给Drawer组件：

 <Drawer
      classes={{ paper: classes.paper }}
      open={this.state.left}
      onClose={this.toggleDrawer("left", false)}
    >

并用material-ui的withStyles包装我的组件

export default withStyles(styles)(ResponsiveDrawer);

这是沙箱中的代码。

Answer 1

将属性background更改为backgroundColor 。 像这样：

const styles = {
  paper: {
    backgroundColor: "blue"
  }
}

Answer 2

您遇到的问题是将[Object object]作为className传递给Drawer组件，因为您使用的是styles而不是类。 尝试将字符串className传递给您的组件。