将 react js 与纯引导程序一起使用是不是正确？

Posted 2023-03-05

【中文标题】将 react js 与纯引导程序一起使用是不是正确？

【英文标题】：Is it correct to use react js with pure bootstrap?将 react js 与纯引导程序一起使用是否正确？

【发布时间】：2017-03-22 04:21:22

【问题描述】：

我正在进行一些迁移，一些遗留代码与引导程序一起使用，引导程序在幕后使用 jquery 作为依赖项......

我想知道我们是否可以在 react 中使用纯引导程序，引导程序是否会干扰反应虚拟 DOM 的性质？ 是否可以在将来使用它而不会遇到进一步的问题？

Modals、Popovers 可以将这两种技术混合使用吗？

更改为 react-bootstrap / material ui，对我来说意味着进一步的更改...

【问题讨论】：

是的，你可以做到。您可以将Bootstrap 用于静态模式，然后将您的自定义组件用于站点的其余部分。但是如果你希望在 react 和 bootstrap 元素之间共享数据，最好创建自己的 Modal 组件。超出框架范围会使您的代码变得脆弱。

【参考方案1】：

使用react-bootstrap 可能比使用jQuery bootstrap 插件更容易。 React 会在更新时覆盖 DOM，因此如果 bootstrap 像 jQuery 通常那样向 DOM 添加一些东西（例如模态），如果父节点被更新，那么您的闪亮模态可能会消失得无影无踪。 为防止这种情况，您应该确保重新初始化 componentDidUpdate 上的每个插件。

更多信息在这里： http://tech.oyster.com/using-react-and-jquery-together/