1

由于我不想使用 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 中的结束正文标记之前尝试使用 CDN

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

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

4

1 回答 1

0

这个问题不是bootstrap.native的另一个问题的重复,但它具有相同的结果,所以我的答案是:

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

使用react-bootstrap它是对 bootstrap.js 的完全重写(也没有 jQuery)
来自开发人员:

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

于 2020-04-08T07:22:57.077 回答