我刚刚更新到 5.0.0-alpha.25(来自 5.0.0-alpha.10),现在 makeStyles 不起作用。我在与之相关的重大更改中找不到任何内容,所以我想知道这是否是一个错误。检查元素时,makeStyles css 规则被一个奇怪的 css 规则覆盖,该规则似乎是默认值。
这是一张显示检查器中规则的图像
是否有人遇到过同样的问题,或者我是否正在监督 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">