Reactjs 在react with hooks and bootstrap中，当手风琴打开时，我如何更改V形？

我有一个手风琴，当我点击标题时打开。我还添加了一个V形，我想在它打开时改变方向。我不知道如何使用手风琴，因为我不会根据按钮点击来改变状态。 我的手风琴密码：

    <Accordion defaultActiveKey="0">
      <Card>
        <Accordion.Toggle as={Card.Header} eventKey="1">
          Roll History <FaChevronDown />
        </Accordion.Toggle>
        <Accordion.Collapse eventKey="1">
          <Card.Body>{historyText}</Card.Body>
        </Accordion.Collapse>
      </Card>
    </Accordion> 

滚动历史
{historyText}

当手风琴打开时，我想显示FaChevronUp？

声明挂钩：

const[open，setOpen]=useState（false）；

在此添加以下内容：

setOpen（！open）}>
滚动历史记录{打开？：}
**

为此：

---

onClick={（）=>setOpen（！open）}

您正在切换钩子状态，此onClick应放置在单击时打开/关闭元素的元素上。

完美，我确实反转了V形，因为当我单击时，它会在下面打开，但在其他方面工作与我想要的完全一样，谢谢！如果您有多个手风琴，这将打开所有手风琴。请注意中提到的功能更新