javascript - 为什么我的 React 应用程序中没有呈现 Bootstrap Native 组件？

Question

试过了

npm install --save bootstrap.native

在 create-react 应用程序的 index.js 文件中加载import 'bootstrap.native/dist/bootstrap-native-v4.js';。

预期结果： 将引导组件（导航栏、模式、警报、弹出...）转换为 jsx 并创建反应组件应该在引导 v4 中按预期工作。

问题： 直接粘贴到 index.html 时有效，但尝试通过组件渲染时无效。

这表明引导本机已正确加载，但它似乎仅在引导代码在 DOM 中时才有效，而不是在“创建反应应用程序”呈现的代码上。

此外，任何关于使用引导组件作为反应组件而不使用 jquery 或任何反应引导库（本机实现）的任何建议都将受到欢迎。

Answer 1

我正在使用 BSN 但不与 react 一起使用：
原因 bootstrap.native 使用浏览器 DOM，这将对 React 的虚拟 DOM 造成严重破坏。简而言之：不要这样做！

更直接地说：
React 是一种完全不同的做事方式。React 支持超出了 bootstrap.native 的范围。它需要一个完全独立的代码库。
使用react-bootstrap它是对 bootstrap.js 的完全重写（也没有 jQuery）
来自开发人员：

React-Bootstrap 取代了 Bootstrap JavaScript。每个组件都是作为真正的 React 组件从头开始构建的，没有像 jQuery 这样不需要的依赖项