帶有 React.js 的 Bootstrap-Native

Question

由於我不想使用 Bootstrap jquery 或 reactstrap，我試圖在 React 中實現 bootstrap native，它是一個簡單的 javascript 版本的引導程序，在 React 中。

試過了

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>

但是模態和下拉菜單等功能不起作用，我在調試控制台中沒有錯誤。

Answer 1

這個問題不是bootstrap.native另一個問題的重復，但它有相同的結果，所以我的答案是：

沒有顯示模態和其他元素的原因是 bootstrap.native 使用瀏覽器 DOM，這將對 React 的虛擬 DOM 造成嚴重破壞。 簡而言之：它根本不起作用！

使用react-bootstrap它是對 bootstrap.js 的完全重寫（也沒有 jQuery）
來自開發商：

React-Bootstrap 取代了 Bootstrap JavaScript。 每個組件都從頭開始構建為真正的 React 組件，沒有像 jQuery 那樣不需要的依賴項