MaterialUI - 如何在同一类名属性中应用 useStyle() 和普通类

Question

我在我的 React 项目中使用 MaterialUI，我想在我的组件中使用 useStyle(( 类和一个常规类。也许代码会更好地解释它：

...
const useStyles = makeStyles(theme => ({
fontSizeGrid: {
fontSize: 12,
},
}));
...
const classes = useStyles();
...

<Typography className="my-auto font-weight-bold {classes.fontSizeGrid}">Test!</Typography>
...

上面的例子不起作用，因为它将所有内容都置于"字符串模式"。我怎样才能实现我想要的？

Answer 1

这应该可以：

<Typography className="my-auto font-weight-bold" classes={{root: classes.fontSizeGrid}}>Test!</Typography>

Material-UI Typography API：https://material-ui.com/es/api/typography/

类(对象(：覆盖或扩展应用于组件的样式。有关更多详细信息，请参阅下面的 CSS API。