material-ui - 如何使用 Material UI 在 Button 中应用内联 CSS

Question

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

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

在这里，我想更改背景颜色。它的应用，但它优先于 Theme 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>