时间戳

首页 > 解决方案 > React-Bootstrap v1 中的 Panel.Collapse

reactjs - React-Bootstrap v1 中的 Panel.Collapse

问题描述

我正在从 react-bootstrap v0.32.4 迁移到 v1.0.0-beta.5，迁移指南中写到Panel已被Card组件替换。

但是，我在Card的新文档中找不到与 v0.32中的旧Panel.Collapse类似的任何内容。

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

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

标签： reactjsmigrationaccordionreact-bootstrapbootstrap-accordion

解决方案

花了一些时间挖掘，但我找到了这个链接：

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

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

推荐阅读