React和Bootstrap 4崩溃

Question

我正在导入：

import Collapse from "react-bootstrap/es/Collapse";

所以我试图让我的崩溃在我的项目中工作来自渲染：

<div className="card-header" >
    <a className="card-link" href='#compSci' onClick={this.toggleCollapse}>
        Computer Sciences
    </a>
</div>
<Collapse id="collapse1" isOpen = {this.state.collapse1}>
    <div className="card-body">
        <div className="row">
            {
                computerScience.map(skill => (
                    <div className="col">
                        <SkillPopover skill={skill} />
                    </div>
                ))
            }
        </div>
    </div>
</Collapse>

使用切换折叠功能可将值从true更改为false

toggleCollapse = () => {
        this.setState({ collapse1: !this.state.collapse1 });
        console.log(this.state.collapse1)
}

我不太清楚这是怎么回事，因为用调试器检查它明确地改变了true和false之间的状态值collapse 1的值，但它拒绝打开Collapse。任何帮助将不胜感激。

编辑我在这里关注指南：https://reactstrap.github.io/components/collapse/

Answer 1

所以我的困难在于我无法导入正确的引导程序。这是一个reactstrap组件，而不是react-bootstrap组件。