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);

这是sandbox中的代码。

Answer 1

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

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

Answer 2

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