Twitter bootstrap 如何将bootstrap.js插入react应用程序？

如何使用webpack将twitter引导js文件插入react应用程序

---

我知道react库，如reactstrap和react bootstrap，但我想知道如何在没有这些libs的情况下插入bootstrap.js文件。

您可以通过npm/warn安装bootstrap和jQuery：

npm install bootstrap jquery

然后在顶级React文件（入口点）中导入引导：

当然，您需要适当的网页包规则来转换CSS

---

在React中使用Bootstrap的问题是它需要jQuery，现在有两件事会影响DOM，这会带来麻烦。这就是Reactstrap（对于Bootstrap 4）和React Bootstrap（现在也支持Bootstrap 4）的真正价值主张；它们消除了对jQuery的依赖，并将功能实现为React组件。我强烈建议您利用这些项目的工作；通过尝试将jQuery与React结合起来，您打开了一个蠕虫的罐头。这是可能的；我做到了；我不推荐

可能是@DonaldBeat的重复，但有点不同。我不想只使用bootsrap，我想在没有libs的情况下使用bootstrap。你好@Ethan，你能看看我的问题吗？我被卡住了，无法使用pusher和fetch-in-react。谢谢你好@Ethan，我已经在我的项目中安装了bootstarp和jquery，正如你在回答中看到的，我导入了所有的东西，然后它显示我

找不到模块“bootstrap/dist/css/bootstrap theme.min.css”

请帮助我。。。。谢谢，看起来

theme.min.css

不再是引导包的一部分。我已经把它从这个答案中删除了。不用说了，我认为最新版本的Bootstrap中已经集成了默认主题。再次提醒你不要这样做…我真的会使用React Bootstrap或React Strap（他们现在都支持Bootstrap 4）。感谢这对我的帮助Hanks bro，互联网上没有人解释说你可以直接导入js哈哈

import 'bootstrap/dist/css/bootstrap.min.css'
import 'jquery/dist/jquery.min.js'
import 'bootstrap/dist/js/bootstrap.min.js'