javascript - 将 Bootstrap 4 与 React 结合使用

标签 javascript reactjs react-bootstrap

对不起,我缺乏知识,但我是新手,目前正在学习 React。我只是想问一下,如果我想在我的 React 应用程序中使用 Bootstrap 4,我必须安装 jQuery 吗?我在某处读到,将 jQuery 与 React 结合使用是不行的。所以现在我想知道。谢谢回复。非常感谢您的意见和建议。

最佳答案

某些功能,如下拉菜单、模态框需要 JS 来操作 DOM,而 bootstrap 使用 jQuery 来处理 DOM 操作。

但是,React 使用 virtual DOM ,因此通过 jQuery 在 React 应用程序外部操作浏览器 DOM 意味着 React 可能不再处理状态、事件和 UI 渲染。并且 React 广泛地期望/假设没有其他东西会修改 DOM。


这就是为什么 react-bootstrapreactstrap被推荐。 CSS 保持完全相同,但最初需要 jQuery 的组件被重写。

this bootstrap 4 modal例如,您需要定义 modal 状态,它决定模态是显示还是隐藏。

所以本质上,这些 React Bootstrap 库将每个 Bootstrap 组件重写为 React 组件,在 CSS 方面完全相同。

关于javascript - 将 Bootstrap 4 与 React 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53941329/

相关文章:

javascript - 我可以将 meteor + react.js 用于移动应用程序吗?

reactjs - 尝试更新状态变量 onChange 时出现 "InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable"

javascript - 将可下载的 URL 上传到 Firestore。 await on .map throw 'await' 对此表达式的类型没有影响

react 路由器 + react 引导

javascript - 选择没有 .Class 或 #Id 的 div

javascript - Microsoft Script Debugger 在出错后不显示任何信息

javascript - 从单个链接打开 native 应用程序商店?

javascript - 逐列展开 : Expand row by multiple columns and load different components according to the column clicked

reactjs - React Bootstrap 输入组按钮无法对齐

javascript - 如何将express-fileupload 创建的缓冲区保存到文件中?