Material-UI更改抽屉颜色

时间:2019-07-26 10:38:55

标签: javascript reactjs material-ui

如何设置Material-UI Drawer的背景颜色?尝试了这个,但是不起作用

ksort()

并将其传递给Drawer组件:

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

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

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

这是sandbox中的代码。

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

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