如何在React 4应用程序中使用bootstrap.min.js

Question

我想在我的React Redux应用程序中使用bootstrap 4。某些引导程序组件无法正常运行，例如-Modal，SelectBox等。

创建可重复使用的引导程序组件（如模式）的最佳方法或最佳实践是什么。

Answer 1

与传统上下载引导程序并将其链接到您的react-app不同，只需通过npm将其包含到您的应用程序中并将其添加到您的依赖项中即可

npm install react-bootstrap bootstrap --save

完整的安装指南here。

然后，您现在可以导入所需的任何组件。

有关更多引导程序组件，请参见Here

React-bootstrap是专门为React应用而设计的。

Answer 2

对于我来说，我是通过以下方式导入bootstrap4的：

1. 运行npm install bootstrap popper.js jquery

2. 将<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> 复制到index.html <header>

3. 在任何React组件文件中，键入require('bootstrap')

然后您可以从boostrap做任何自定义组件