React Collapsible - 添加图标

Question

我正在使用 React-Collapsible，如下所示：

\n\n

<Collapsible trigger="Fiche de r\xc3\xa9f\xc3\xa9rencement"  >\n<h2>Hello world</h2>\n</Collapsible >\n

\n\n

我想放置一个带有文本“Fiche de r\xc3\xa9f\xc3\xa9rencement”的图标，但我不知道该怎么做？\n你能帮我吗？\n谢谢

\n

Answer 1

这是一个例子-

import { BsChevronDown } from "react-icons/bs"; //react-icon
.
.
<Collapsible trigger={["Serial No.", <BsChevronDown />]}>
  <div/> //children
</Collapsible>

CSS-

.Collapsible__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Collapsible__trigger.is-open svg {
  transform: rotate(180deg);
}