使用Reaction和MUI的全局样式 [英] Global Styles with React and MUI
本文介绍了使用Reaction和MUI的全局样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我对Reaction和MUI还不熟悉,但我必须编写一个具有良好样式的企业应用程序。我想为我的应用程序使用某种全局样式(以便以后能够更改它 )使用Reaction中的功能组件(可能稍后我会添加redux)。
使用Reaction和Material(最新版本)的全局样式的最佳实践方法是什么?
这个(ThemeProvider
):https://material-ui.com/styles/advanced/怎么样?
我读到了MuiThemeProvider
,但在材料版本4文档中找不到它。它过时了吗?MuiThemeProvider和ThemeProvider
有什么区别?
推荐答案
您实际上可以用材质UI编写全局样式:
const useStyles = makeStyles((theme) => ({
'@global': {
'.MuiPickersSlideTransition-transitionContainer.MuiPickersCalendarHeader-transitionContainer': {
order: -1,
},
'.MuiTypography-root.MuiTypography-body1.MuiTypography-alignCenter': {
fontWeight: 'bold',
}
}
}));
这篇关于使用Reaction和MUI的全局样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文