材质ui withStyles和WithTheme-如何访问主题

Question

const MySlider = withStyles({
 root: {
    color: theme => theme.palette.primary.main
 }
}, {withTheme: true})(Slider);

我确实希望withTheme选项将使主题在withStyles内部可访问。如果是这样，那又如何？因为未定义theme，并且在props中也找不到它？

任何想法

Answer 1

withStyles函数可以接受回调，而不是对象，从而使您可以像这样访问theme对象

const NewButton = withStyles((theme) => {
    root: {
        color: theme.palette.primary
    }
}, { withTheme: true })(Button);