Reactjs 展开手风琴摘要时如何更改图标？

我想根据手风琴是否展开来更改图标。

我在material ui页面上看到CSS已展开.Mui，它可以查看展开={true}还是false，但当展开为true或false时，如何使用它设置不同的图标。

因此，如果expand为true，我想设置IconA，如果expand为false，则设置IconB。

expandIcon={<IconA/>}

expandIcon={}

您可以使用

expandIcon

道具，该道具可用于

AccordionSummary

组件。设置如下条件：

expandIcon={expanded==='panel1'？：}

---

您可以使用
expandIcon
道具，该道具可用于
AccordionSummary
组件。设置如下条件：
expandIcon={expanded==='panel1'？：}

是从accordion展开的组件还是我创建的值？
展开的
是使用
useState
创建的状态变量。参考：不使用字符串，我可以简单地使用布尔值true或false吗？另外，我如何将图标移到文本前面的左侧？不。布尔值不起作用，因为您无法确定要打开哪个手风琴。要将图标向前移动，请移除expandIcon道具并编写自己的标记，以显示图标是从accordion或我创建的值中展开的组件？
expanded
是使用
useState
创建的状态变量。参考：不使用字符串，我可以简单地使用布尔值true或false吗？另外，我如何将图标移到文本前面的左侧？不。布尔值不起作用，因为您无法确定要打开哪个手风琴。若要将图标移到前面，请移除expandIcon道具并编写自己的标记以显示图标
<Accordion expanded={expanded === 'panel1'} onChange={handleChange('panel1')}>
    <AccordionSummary
      expandIcon={expanded === 'panel1'?<ExpandMoreIcon />:<Minimize/>}
      aria-controls="panel1bh-content"
      id="panel1bh-header"
    >
      <Typography className={classes.heading}>General settings</Typography>
      <Typography className={classes.secondaryHeading}>I am an accordion</Typography>
    </AccordionSummary>
    <AccordionDetails>
      <Typography>
        Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget
        maximus est, id dignissim quam.
      </Typography>
    </AccordionDetails>
  </Accordion>