Как сделать пользовательские компоненты?

Question

Итак, я хочу изменить внешний вид фона, кнопок и т. Д.Я новичок в пользовательском интерфейсе материала, и я не знаю, нахожусь ли я на правильном пути, и это то, что я пытаюсь.

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

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

export default withStyles(styles)(CustomSnackbar);

Проблема в том, что я не знаю, как изменить дочерние компонентыстили, потому что цвет фона задается в дочернем.Это то же самое для других компонентов.Любая помощь будет оценена.Спасибо

Answer 1

Вы можете переопределить стили из компонента Snackbar, вы можете использовать это руководство Snackbar API , так что если вы действительно хотите изменить внешний вид кнопки, то, как вы видите, ваша Snackbar позволяет вам передаватьсвойство под названием actions, так что там вы должны установить уже стилизованные кнопки, пожалуйста, следуйте демонстрации для компонентов Snackbar

Answer 2

Я мог бы попытаться объяснить, но я думаю, что проще дать вам эту ссылку

просто попробуйте добавить classes={{ root: props.classes.root }} к вашему компоненту