带有 React.js 的 Bootstrap-Native答案

【问题标题】：Bootstrap-Native with React.js带有 React.js 的 Bootstrap-Native
【发布时间】：2020-01-07 14:07:34
【问题描述】：

由于我不想使用 Bootstrap jquery 或 reactstrap，我正在尝试在 React 中实现 bootstrap native in react，一个纯 javascript 版本的 bootstrap。

试过

pm install --save bootstrap.native

并加载

import 'bootstrap.native/dist/bootstrap-native-v4.js';

但它不起作用，我在 index.html 中的结束 body 标记之前尝试了 CDN

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap.native/2.0.27/bootstrap-native-v4.min.js"></script>

但是模态框和下拉菜单等功能不起作用，我在调试控制台中没有错误。

【问题讨论】：

【解决方案1】：

这个问题不是 bootstrap.native 的另一个问题的重复，但结果相同，所以我的答案是：

没有显示模态框和其他元素的原因是 bootstrap.native 使用浏览器 DOM，这将对 React 的虚拟 DOM 造成严重破坏。简而言之：它根本不起作用！

使用react-bootstrap，它完全重写了 bootstrap.js（也没有 jQuery）
来自开发者：

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

【讨论】：