MUI V5 - MakeStyles 样式被覆盖

时间:2021-02-19 16:28:36

标签: material-ui

我刚刚更新到 5.0.0-alpha.25(来自 5.0.0-alpha.10),现在 makeStyles 不起作用。我在与之相关的重大更改中找不到任何内容,所以我想知道这是否是一个错误。检查元素时,makeStyles css 规则被一个奇怪的 css 规则覆盖,该规则似乎是默认值。

这是一张显示检查器中规则的图像

Inspector

是否有人遇到过同样的问题,或者我是否正在监督 makeStyles 用法的变化。

const useStyles = makeStyles((theme) => ({
    root: {
        position: "absolute",
        left: 0,
        right: 0,
        top: 0,
        bottom: 0,
        paddingLeft: theme.spacing(2),
        paddingRight: theme.spacing(2),
        display: 'contents'
    },
    row: {
        backgroundColor: "red"
    }
}));

/* ... */

const classes = useStyles()

/* ... */

<Grid container spacing={1} className={classes.root} alignItems="flex-start" justifyContent="center">

0 个答案:

没有答案