Panel.Collapse 在 React-Bootstrap v1 中

Question

我正在从 react-bootstrap v0.32.4 迁移到 v1.0.0-beta.5 并且 it is written in the migration guide Panel 已被替换卡组件。

但是，我找不到任何与 v0.32.

中的旧 Panel.Collapse 相似的东西 in the new documentation of Card

如何通过 react-bootstrap v1 不将干净的 JSX 代码与纯 bootstrap 混合来完成以下（从 v0.32.4 开始）css 类（例如手风琴）？

<Panel>
    <Panel.Heading>
        <Panel.Title toggle>Click Me</Panel.Title>
    </Panel.Heading>
    <Panel.Collapse>
        <Panel.Body>Collapsible Body</Panel.Body>
    </Panel.Collapse>
</Panel>

Answer 1

花了一些时间挖掘，但我发现了这个 link:

https://react-bootstrap.github.io/utilities/transitions/#collapse

它似乎从 Panel 中提取了 Collapse 逻辑并将其放入它自己的组件中，由布尔状态管理。

Panel.Collapse 在 React-Bootstrap v1 中

Panel.Collapse in React-Bootstrap v1

migration

accordion

reactjs

react-bootstrap

bootstrap-accordion