反应JS - 如何添加样式对话框（材料UI）的PaperProps(React JS - How

我利用材料的UI ReactJs对话框组件。

<Dialog fullScreen open={this.state.open}
  PaperProps={{ classes: {root: classes.dialogPaper} }}
  onClose={this.handleClose.bind(this)} transition={this.props.transition}>
  {this.props.children}
</Dialog>

在上面的代码我已经重写PaperProps的根类。 现在我也想覆盖风格的PaperProps。 这有可能在PaperProps覆盖的样式。

像PaperProps={{ classes: {root: classes.dialogPaper}, style:{} }}

请告诉我，如果我错了。 我想重写的风格也。

Answer 1:

我有我的答案

<Dialog
{...otherProps}
  PaperProps={{
    style: {
      backgroundColor: 'transparent',
      boxShadow: 'none',
    },
  }}
>
  {/* ... your content ... */}
</Dialog>

这是我们如何能够把样式对话框组件的PaperProps。

Answer 2:

<Dialog
  PaperProps={{
    style: {
      backgroundColor: 'Blue',
      color:'black'
    },
  }}
>
</Dialog>

文章来源: React JS - How to add style in PaperProps of Dialog (material-ui)