Question

因此，基本上我想更改快餐栏背景，按钮等的外观。我是实质性UI的新手，我不知道自己是否走对了，这就是我正在尝试的方法。

const styles = {
    root: {
      background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)'
  };

const CustomSnackbar = props => <Snackbar {...props} />;

export default withStyles(styles)(CustomSnackbar);

问题是我不知道如何更改子组件样式，因为在子组件中设置了背景色。其他组件也是如此。任何帮助将不胜感激。谢谢

Answer 1

我可以尝试解释一下，但我认为给您这个link

会更容易

只需尝试将classes={{ root: props.classes.root }}添加到您的组件中

Answer 2

您可以覆盖Snackbar组件中的样式，可以使用本指南Snackbar API，因此，如果您真的想更改按钮的外观，可以看到Snackbar允许您传递属性称为actions，因此应在此处设置已设置样式的按钮，请遵循demo获取Snackbar组件

如何制作自定义组件？

2 个答案: