如何在React中设置DraftJS编辑器的样式

Question

我正在用React和Material UI library实现一个Web ui。

我需要一个自定义样式的DraftJS编辑器组件，但我的尝试都无效。

假设我要在编辑器组件中为孔文本块添加红色。

编辑器组件有一个孩子<div class="DraftEditor-root">，我想通过我的编辑器组件设置样式。

为此，我尝试了className：

const styles = () => ({
    myEditorStyle: {
        "& root": {
            color: "red"
         }
    }
})


render() {
const { classes } = this.props;

    return (
        <Editor className={classes.myEditorStyle}/>
    )
}

export default withStyles(styles)(MaterialTextEditor);

和classes：

const styles = {
    myEditorStyle: {
        color: "red"
    }
}


render() {
const { classes } = this.props;

    return (
        <Editor classes={{ root={classes.myEditorStyle} }}
    )
}

export default withStyles(styles)(MaterialTextEditor);

但这不起作用。我在做什么错了？