使用Reaction和MUI的全局样式 [英] Global Styles with React and MUI

问题描述

我对Reaction和MUI还不熟悉，但我必须编写一个具有良好样式的企业应用程序。我想为我的应用程序使用某种全局样式(以便以后能够更改它 )使用Reaction中的功能组件(可能稍后我会添加redux)。

使用Reaction和Material(最新版本)的全局样式的最佳实践方法是什么？

这个(ThemeProvider)：https://material-ui.com/styles/advanced/怎么样？ 我读到了MuiThemeProvider，但在材料版本4文档中找不到它。它过时了吗？MuiThemeProvider和ThemeProvider有什么区别？

Reaction(客户端渲染)资料(最新版本)(&A) 后端：节点

推荐答案

您实际上可以用材质UI编写全局样式：

const useStyles = makeStyles((theme) => ({
    '@global': {
        '.MuiPickersSlideTransition-transitionContainer.MuiPickersCalendarHeader-transitionContainer': {
            order: -1,
        },
        '.MuiTypography-root.MuiTypography-body1.MuiTypography-alignCenter': {
            fontWeight: 'bold',
        }
    }
}));

这篇关于使用Reaction和MUI的全局样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！