npm bootstrap，js 不适用于 react 项目

Question

我正在制作一个反应项目，我需要在其中放置一个导航栏，我安装了引导程序

npm install bootstrap

我将它导入到我的 index.js 中，如下所示：

import 'bootstrap/dist/css/bootstrap.css';

我将引导程序的文档导航栏示例放在我的组件中，但按钮不显示链接。 这是我的代码：

<nav class="navbar navbar-expand-lg navbar-light bg-light">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
                    <a class="navbar-brand" href="#">Hidden brand</a>
                    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                        <li class="nav-item active">
                            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Link</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
                        </li>
                    </ul>
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" />
                        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                    </form>
                </div>
            </nav>

我尝试添加：

import 'bootstrap/dist/js/bootstrap.js';

在我的 index.js 文件中，但它不起作用

你有什么想法，解决这个问题吗？

Answer 1

首先安装 bootstrap npm install bootstrap，然后将 jquery 和 popper.js 安装到 npm install jquery popper.js。

全部添加到 index.js

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.bundle.min';
import $ from 'jquery';
import Popper from 'popper.js';