Как применить встроенный CSS в кнопке с помощью пользовательского интерфейса материала

Question

const styles = {
    bgColor:{
        backgroudColor: '#f9a825'
    }
}

<Button color='primary' classes={fab:classes.bgColor} variant="fab" aria-label="Checkout"> Click Here </Button>

Здесь я хочу изменить цвет фона. его применение, но оно уделяет приоритетное внимание теме CSS.

Answer 1

1. Опора classes применяется неправильно.
2. Вы даже не должны использовать classes, так как вы, кажется, не вводите ничего; Вы должны использовать style.

<Button color="primary"
        style={styles.bgColor}
        variant="fab"
        aria-label="Checkout">
    Click Here
</Button>

---

Если вы действительно добавляете classes в свой компонент, вы используете его следующим образом:

<Button color="primary"
        classes={{ fab: classes.bgColor }}
        variant="fab"
        aria-label="Checkout">
    Click Here
</Button>