Bootstrap 使用 React js 崩溃

2024-05-10

您好,我正在尝试在反应视图中使用引导折叠,但它不起作用。这很简单,但我不明白发生了什么。

return (<div>
    <button className="btn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="true" aria-controls="collapseExample">
        ButtonClickthis!
    </button>
    <div className="collapse" id="collapseExample">
        <div className="well">
            ...blablablacontent
        </div>
    </div>
</div>);

Bootstrap 无法直接用于 React 组件,因为它会在加载时解析 DOM 并附加事件侦听器等。您可以尝试类似的方法反应引导 http://github.com/react-bootstrap/react-bootstrap或者在 componentDidMount 生命周期内手动触发。

David https://stackoverflow.com/users/210578/david

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap 使用 React js 崩溃 的相关文章

随机推荐

  • SAP Hana DB SQL 中声明数组/表变量值时出现错误

    我试图添加一个声明的变量来替换 where in 子句中的硬编码值列表 研究 Hana 如何处理数组变量 似乎我可以通过声明一个数组 然后直接在其上使用选择或首先将其取消嵌套到表中来做到这一点 但我不断收到无法解决的错误 当我这样尝试时 D
  • 如何在没有 WebBrowser 控件的情况下“呈现”HTML

    首先 我不知道 渲染 是否是正确的词 我喜欢从网站获取信息 因此 目前我使用 WebBbrowser 控件 现在我喜欢使用 HttpWebRequests 因为我认为这样更快 并且可以更轻松地使用线程 但我无法使用它们 因为我从 HttpW
  • dict_values 视图什么时候可以像设置一样(以及为什么)?

    文档说值视图不被视为类似集合 https docs python org 3 library stdtypes html dictionary view objects 但有时它们是 gt gt gt d 1 1 gt gt gt d va
  • Microsoft Access 数据库引擎找不到对象“Sheet1$”

    我正在将保存在服务器文件夹中的模板 Excel 文件复制到具有不同名称的同一文件夹中 插入值 我可以复制文件 但是当我尝试插入值时 它显示工作表 找不到 我给出了正确的工作表名称 在名为sheet1的电子表格中只添加了一张工作表 仍然显示错
  • 错误:GitHub 目前无法显示这么大的文件 - 但该文件只有 1.06 MB [已关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 我通过两种不同的方式将 HTML 文件上传到 GitHub 存储库 拖放以及使用终端上的 Git 添加 提交 推送 在这两种情况下
  • Access SQL 查询:查找表中每个不同条目的最新日期行

    All 我确信这是一个非常简单的 SQL 查询问题 但我确信有一个很好的方法 也有一个非常糟糕的方法来做到这一点 如果由我自己决定 我很可能会得到后者 所以 我在 Access 中有一个表 其中的数据如下所示 ID Value As of
  • Tomcat 托管具有多个 SSL 证书的多个虚拟主机

    例如 我有一台使用 Tomcat 7 托管多个网站的服务器 a abc com b abc com c def com d def com 使用tomcat的虚拟主机功能 因此它们各自可能属于不同的webapps文件夹 我们现在正在尝试为每
  • 指向C中单链表指针的指针[重复]

    这个问题在这里已经有答案了 我有一个关于 C 中的单链表的问题 我用下面所示的代码创建了一个链表 include
  • 如何导入Python文件?

    抱歉 这绝对是重复的 但我找不到答案 我正在使用 Python 3 这是我的应用程序的结构 home common py australia new south wales fetch py 我在home 目录 运行fetch py 我如何
  • AR模型中的关系函数,多对一关系

    所以这是场景 我有两个表 问题和项目 一个项目可以有多个问题 一个问题只能是一个项目 既然Issue是多对一的 那么你必须定义它吗 因为我知道在项目模型中我有 public function relations return array i
  • 通过 SSH 将变量传递给远程脚本

    我正在通过 SSH 从本地服务器在远程服务器上运行脚本 首先使用 SCP 复制该脚本 然后在传递一些参数时调用该脚本 如下所示 scp path to script server example org another path ssh s
  • 如何使用 BoxLayout 设置容器内的组件大小

    我在使用时遇到问题BoxLayout 在我的示例中 我尝试减小文本字段的高度并更改按钮的宽度 如底部图片中的绿色标记所示 我了解技术setPreferredSize and setMaximumSize 但它没有发挥应有的作用 线路add
  • 设计...用户模型的附加列未验证

    我正在 Rails 3 应用程序中使用 Devise 进行身份验证 我通过 db migrate 将名字和姓氏列添加到数据库中 注册表修改如下 p br p p br p
  • Python中最相似的人脸识别

    如何使用Python和OpenCV来查找面部相似 我已成功使用 OpenCV 和 Python 使用 Haar Cascades 从多张照片中提取人脸 我现在有一个图像目录 所有这些都是不同人的面孔 我想做的是拍摄一张样本图像 然后看看它最
  • 使用javascript隐藏html元素

    JavaScript function hide article var htmlElement document getElementsByTagName article 0 htmlElement setAttribute visibi
  • 当我尝试连接到数据库时收到“错误:无法初始化 OLE”? C#

    我正在尝试通过 C 连接到数据库 但这样做时收到一条非常无用的错误消息 08 44 17 错误 无法初始化 OLE 08 44 17 错误 无法初始化 OLE 我尝试寻找解决方案 但没有成功 我也尝试重新启动计算机 但这也没有帮助 我正在运
  • 如何从数组表示构建不完全二叉树

    如果输入是一个数组 其中null表示没有节点 input 1 2 3 null 5 null 7 请假设我已经检查过输入 对于每个array i 它的父母array i 2 不会是null 递归地 所以根不能是null 如何构建具有这样的逻
  • 如何在全日历上获取外部拖放事件的开始和结束日期

    我有一个关于完整日历拖放功能的快速问题 这是我的 JS 代码 calendar fullCalendar header left prev next today right title editable true droppable tru
  • QTableView 中的虚拟列?

    我开始学习 Qt4 模型 视图编程 我有初学者问题 我有一个简单的应用程序 其中显示 sqlite 表QTableView class Model QtSql QSqlTableModel def init self parent None
  • Bootstrap 使用 React js 崩溃

    您好 我正在尝试在反应视图中使用引导折叠 但它不起作用 这很简单 但我不明白发生了什么 return div div