此primary-main应转换为类似于#abcdefg的颜色,但它只是按原样粘贴primary-main我使用的是Angular MUI + React
primary-main
#abcdefg
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。
1条答案
按热度按时间vojdkbi01#
像Jacob's comment一样,你需要在填充键中引用主题,如下所示:
并不是所有的属性都是主题感知的。在这种情况下,你需要引入主题对象。不要像Jacob在他的评论中提到的那样使用useTheme钩子。相反,只使用一个函数,它将导入theme object。