我们可以在 React.js 中使用纯 Bootstrap 吗？答案

【问题标题】：Can we use pure Bootstrap with React.js?我们可以在 React.js 中使用纯 Bootstrap 吗？
【发布时间】：2016-06-24 14:11:56
【问题描述】：

我想将网站从 PSD 原型转换为 HTML/CSS/Bootstrap，然后继续进行 JavaScript 开发并使用 React.js 和一些 JavaScript 编码。

是否可以在不使用 React-Bootstrap 的情况下将纯 Bootstrap 与 React.js 一起使用？

HTML/CSS Freelancer 是否有可能只做 React-Bootstrap 作为一个模型，然后找一个 JavaScript 开发人员来做像 React.js 和 JS 开发这样的高级工作？

我想使用 Electron 和 Hybrid App 尽可能使用相同的代码库开发桌面应用程序。

【问题讨论】：

总的来说是的，一些 DOM 的东西，比如 modals 可能会给你一些问题。但是只要你的 JSX 中的 className = boostrap 类名，你就应该很好
@erichardson30 是否有可能找到 CSS/HTML 开发人员进行 React-Bootstrap 编码（PSD 到 React-Bootstrap - 只是样机），然后找到 JavaScript 开发人员进行 React.js 和 JS 开发？
这是可行的，但您必须自己编写组件。如果您可以使用 React-Bootstrap 拥有“可点击”原型，为什么要这样做？
我之前用 electron 构建了一个应用程序，因为它本质上是一个节点应用程序，如果你从中提取电子配置，它将像普通的 webapp 一样运行。 Electron 本质上是使用铬（铬的动力）来运行应用程序。所以除了电子配置之外，电子和普通反应应用程序之间没有太大区别。 React-bootstrap 只是 bootstrap 的一个包装器，所以如果 html/css 开发人员使用 bootstrap 创建了一个模型，那么 JS 开发人员应该能够在需要时使用 react-bootstrap 完全模仿它

标签： javascript reactjs react-bootstrap

【解决方案1】：

理论上，是的。由于 ReactComponent 将自己呈现为 html，因此您只需放置正确的 css 类就可以了。这对于 bootstrap 的 css 部分来说完全没问题。

但是，引导库所做的所有修改 DOM 的 javascript 内容都将与 React 的虚拟 DOM “冲突”。避免这种情况的一种方法是永远不要重新渲染其内部 html 由引导程序修改的反应组件（通过设置 shouldComponentUpdate() { return false }）。这样做，您可以将 React 视为一个模板库，用于生成一些 HTML 标记，并让引导程序为您主动修改此标记，但这不是 React 的用途。

React 的重点在于能够在任何给定时刻将 UI 视为状态的函数：view = f(state)。这就是 react-bootstrap 以 React 方式重新实现所有 DOM 修改的原因。

【讨论】：

【解决方案2】：

当然可以。我会将 bootstrap css 包含为 CDN 并进行正常开发。

【讨论】：