Bootstrap В React не работает выпадающий список

Question

Я включаю выпадающую кнопку, чтобы реагировать из bootstrap выпадающих, но она не работает и отображается как обычная кнопка. Можете ли вы дать мне решение для этого?

<div className="dropdown">
    <button className="btn btn-secondary 
                 dropdown-toggle" 
                 type="button" 
                 id="dropdownMenuButton"
                 data-toggle="dropdown"
                 aria-haspopup="true" 
                 aria-expanded="false">
                 Dropdown button
    </button>
            <div className="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a className="dropdown-item" href="#">Action</a>
                <a className="dropdown-item" href="#">Another action</a>
                <a className="dropdown-item" href="#">Something else here</a>
            </div>
</div>

На выходе есть обычная кнопка, как это.

Answer 1

Выпадающие списки не работают без popper.js и jquery.js.

Поэтому, пожалуйста, установите popper.js и jquery.js в вашей системе, используя npm install popper.js jquery --save, и не забудьте включить его.

С CDN

https://stackblitz.com/edit/create-react-class-m3qfxu?file=index.html

С NPM

https://stackblitz.com/edit/create-react-class-xvsthx?file=index.js