在 createMuiTheme 中添加自己的对象

Question

是否可以将自定义对象添加到“createMuiTheme”？比方说我在 AppBar 中有一个购物车图标，我可以通过某种方式注入它以便它在“createMuiTheme”中可用吗？

像这样：

const theme = createMuiTheme({
    custom: {
        CartIcon: {
            color: "#333"
        }
    }
});

Answer 1

是的。可以在 MUI 主题对象中添加自定义对象。
您已经在对象中添加了自定义 CartIcon 颜色，现在您可以通过这种方式在 makeStyles 中访问该对象：-

const useStyles = makeStyles((theme) => ({
    cartClass:{
      color:theme.custom.CartIcon.color;
    }
}));

Adding own objects in createMuiTheme