如何更改reactjs中材质ui徽章内容的字体大小？

我想更改材质ui徽标中标签的字体大小。 我使用的是

style={{{fontSize:“15”}

，但这只会影响它的子项，即图标

代码：

---

理想的方法是使用中提到的类

徽章

从“@material ui/core”导入{Badge}”；
从“@material ui/core/styles”导入{makeStyles}”；
导入“/styles.css”；
const useStyles=makeStyles（（主题）=>({
徽章：{
尺寸：30
}
}));
导出默认函数App（）{
const classes=useStyles（）；
返回(
你好，代码沙盒
开始编辑，看看神奇的发生！
);
}

您可以按如下方式修改字体大小。 在

useStyles

const useStyles = makeStyles((theme) => ({
  font1: {
    fontSize: "1rem"
  },
)}

然后按如下方式将其分配给

徽章

组件

<Badge
        classes={{
          badge: classes.font1
        }}
        badgeContent={99}
        {...defaultProps}
      />

---

您可以覆盖.muibage点类css。请参阅工作副本

const useStyles = makeStyles((theme) => ({
  font1: {
    fontSize: "1rem"
  },
)}

<Badge
        classes={{
          badge: classes.font1
        }}
        badgeContent={99}
        {...defaultProps}
      />