Javascript 如何制作定制组件？

所以基本上我想改变snackbar的背景、按钮等等的外观。 我是新的材料用户界面，我不知道我是否在正确的道路上，这是我正在尝试的

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

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

export default withStyles(styles)(CustomSnackbar);

const styles={
根目录：{
背景：“线性梯度（45度，#FE6B8B 30%，#FF8E53 90%）”
};
const CustomSnackbar=props=>；
导出默认样式（样式）（CustomSnackbar）；

---

问题是我不知道如何更改子组件样式，因为在子组件中设置了背景颜色。这与其他组件相同。任何帮助都将受到感谢。谢谢，我可以尝试解释，但我认为这更容易为您提供

---

只需尝试添加

classes={{root:props.classes.root}

到您的组件

您可以覆盖

Snackbar

组件中的样式，您可以使用本指南，因此如果您确实想更改按钮的外观和感觉，正如您可以看到的那样，Snackbar允许您传递一个名为

操作

的属性，因此您应该在其中设置已设置样式的按钮，请遵循“零食”部分条形组件

请在您的问题中包含一个您遇到问题的子组件示例。