reactjs Sx没有将样式转换为css格式,只用于填充属性,如何解决这个问题?

ttp71kqs  于 2022-11-04  发布在  React
关注(0)|答案(1)|浏览(107)

primary-main应转换为类似于#abcdefg的颜色,但它只是按原样粘贴primary-main
我使用的是Angular MUI + React

vojdkbi0

vojdkbi01#

Jacob's comment一样,你需要在填充键中引用主题,如下所示:

<menu.icon 
  sx={{
    fill: theme => selected ? theme.palette.primary.main : theme.grey.A400,
    color: selected? 'primary.main' : 'grey.A400',
  }} 
/>

并不是所有的属性都是主题感知的。在这种情况下,你需要引入主题对象。不要像Jacob在他的评论中提到的那样使用useTheme钩子。相反,只使用一个函数,它将导入theme object

相关问题