javascript - 引导折叠功能在反应项目中不起作用

Question

我已经通过 yarn 安装了引导程序：

yarn Add Bootstrap@4.2.1

并将其包含在 index.js 文件中：

import "bootstrap/dist/css/bootstrap.css"

这里我通过snipped使用了collapse组件：

             <div>
                <p>
                    <a className="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                        a
                    </a>
                    <button className="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                        b
                    </button>
                </p>
                <div className="collapse" id="collapseExample">
                    <div className="card card-body">
                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
                    </div>
                </div>
            </div>

但是当我单击a或b按钮时，没有任何反应。

我该如何解决？

标签： javascripthtmlreactjsbootstrap-4react-bootstrap