Reactjs 卡片大小中的材质UI化身未更改

希望你能帮助我改变我的卡片组件中的头像大小，但这不起作用

<Avatar
          

    alt="Remy Sharp"
              src="https://material-ui.com/static/images/avatar/1.jpg"
              className={classes.large}
            />

我猜是因为它在卡片组件中？ 我甚至用一张卡表单MUI检查了在代码沙盒中添加它，但在那里也不起作用

---

谢谢

请尝试以下任何一种方法

选择1

---

请给出您的卡组件代码好吗？

<Avatar
  alt="Remy Sharp"
  height={24}
  src="https://material-ui.com/static/images/avatar/1.jpg"
  width={24}
/>

<Avatar
  alt="Remy Sharp"
  classes={{ root: classes.large }}
  src="https://material-ui.com/static/images/avatar/1.jpg"
/>

const classes = useStyles(() => {
  return {
    large: {
      height: `24px !important`, // whatever height
      width: `24px !important`, // whatever height
    }, 
  };
});

<Avatar
  alt="Remy Sharp"
  className={classes.large}
  src="https://material-ui.com/static/images/avatar/1.jpg"
/>

const classes = useStyles(() => {
  return {
    card: {
      '& avatar': {
        height: 24, // whatever height
        width: 24, // whatever height
       },
    }, 
  };
});

  <Card className={classes.card}>
    <Avatar
      alt="Remy Sharp"
      className='avatar'
      src="https://material-ui.com/static/images/avatar/1.jpg"
    />
  </Card>