如何插入bootstrap.js来响应应用程序？

Question

如何使用webpack插入twitter-bootstrap js文件来反应app？

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

Answer 1

你可以通过npm / yarn安装Bootstrap和jQuery：

np.fill_between

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

npm install bootstrap jquery

当然，您需要适当的Webpack规则来转换CSS。

在React中使用Bootstrap的问题在于它需要jQuery，现在你有两件事情与DOM有关，这是一个麻烦的方法。这是Reactstrap（用于Bootstrap 4）和React-Bootstrap（用于Bootstrap 3）的真正价值主张;它们消除了对jQuery的依赖，并将功能实现为React组件。我高度建议您利用这些项目的工作;你试图将jQuery和React结合起来，打开一堆蠕虫。这是可能的;我做到了;我不推荐它。