MaterialUI-如何在同一className属性中应用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={classes.fontSizeGrid}>Test!</Typography>

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

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