单击“关闭”按钮时，“我的引导程序警报”框不会关闭

Question

我正在尝试向我的React元素添加一个可忽略的引导警报框。我相信我有一切正常的顺序，但是当我点击X时，它不会关闭。

<div id="index-alert" className="alert alert-danger alert-dismissable">
  <button type="button" className="close" data-dismiss="alert" aria-hidden="true"></button>
  {this.getIntlMessage('contactsInfoAlert')}
</div>

这是React特有的问题吗？或者我没有使用正确的语法？

Answer 1

你忘记了＆＃39; X＆＃39; button标签之间？ 同样alert-dismissable应为alert-dismissible，但这并不重要。

您的代码如下所示：http://www.bootply.com/xQItB8Wv0B

因此，React可能存在问题......您是否尝试过使用react-bootstrap？

Answer 2

几天前我遇到了同样的问题，我忘记在我的bootstrap项目中添加util.js，其中包含警报允许工作所需的必要javascript文件 添加所有必需的bootstrap javascript组件，然后重试。

Answer 3

使用Bootstrap 4遇到了此问题，并通过在 index.js

中添加以下行来解决此问题

import 'bootstrap/dist/js/bootstrap';