时间戳

首页 > 解决方案 > 使用 React 和 MUI 的全局样式

reactjs - 使用 React 和 MUI 的全局样式

问题描述

我是 React 和 MUI 的新手，但我必须编写一个具有漂亮样式的企业应用程序。我想为我的应用程序使用某种全局样式（以便以后能够更改它）与反应中的功能组件（也许我稍后会添加 redux）。

具有反应和材料（最新版本）的全局样式的最佳实践方法是什么？

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

React（客户端渲染）和 Material（最新版​​本）后端：节点

标签： reactjsmaterial-ui

解决方案

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

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

推荐阅读