javascript - 如何制作自定义组件？

Question

所以基本上我想改变 snackbar 背景、按钮等的外观。我是 Material 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 }} 添加到您的组件