Javascript 材质ui：如何更改列表中的字体大小？

我正在使用react js和material UI创建一些表单。 我想缩小一些列表上的字体大小，以获得更紧凑的表示，但无论在哪个级别添加代码

fontSize={10}

，似乎都没有效果

如何更改字体大小

下面是一些示例代码，我从上获得

constyles=theme=>({
根目录：{
宽度：“100%”，
最大宽度：360，
背景色：theme.palete.background.paper，
},
});
功能文件夹列表（道具）{
常量{classes}=props；
返回(
);
}

正如列表ItemText所述，您可以使用

类

道具和

主

键覆盖

主

文本样式

创造一种风格

constyles=theme=>({
listItemText：{
fontSize:'0.7em'，//插入所需大小
}
});
const useStyles=makeStyles({
项目：{
颜色：theme.palete.secondary.main，
“&span，&svg”：{
字体大小：“3rem”
}
}
});
const classes=useStyles（）；
某个图标

const styles = theme => ({
  root: {
    width: '100%',
    maxWidth: 360,
    backgroundColor: theme.palette.background.paper,
  },
});

function FolderList(props) {
  const { classes } = props;
  return (
    <div className={classes.root}>
      <List>
        <ListItem>
          <ListItemText primary="Photos" secondary="Jan 9, 2014" />
        </ListItem>
        <ListItem>
          <ListItemText primary="Work" secondary="Jan 7, 2014" />
        </ListItem>
      </List>
    </div>
  );
}

const useStyles = makeStyles({
  item: {
    color: theme.palette.secondary.main,
    '& span, & svg': {
      fontSize: '3rem'
    }
  }
});

const classes = useStyles();

<MUIListItem>
  <MUIListItemIcon className={classes.item}>some_icon</MUIListItemIcon>
  <MUIListItemText className={classes.item} primary="some text" />
</MUIListItem>