React - Bootstrap Dropdown

Question

Please help me out. I am beginner at React. However, i am still learning day by day.

So i want to implement the dropdown just like below. It is from one of the E-Commerce website.

E-Commerce Dropdown Image:

I am trying to implement it through Bootstrap but the dropdown doesn't seem to work at all.

Any help would be appreciated. Just guide me to the relevant tutorial. I have watched many videos on YT but couldn't find anyone related to mine one.

PS: Sorry, I dont know how to show the image directly here. It is my first time asking question here.

Bro, for testing purposes, i copied the whole dropdown code from bootstrap and used it in react. Changed relevant names according to React like className etc. — War Commander
– War Commander, Commented Jul 15, 2018 at 18:10

Novuw · Accepted Answer · 2018-07-17 05:27:34Z

2

https://react-bootstrap.github.io/ is an excellent library that I’ve used in the past. Enjoy!

answered Jul 17, 2018 at 5:27

Novuw

315 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mkdir.enzo · Accepted Answer · 2023-06-27 02:20:12Z

0

Without looking at any code, I assume you are not loading Bootstrap's assets.

To load them, go to your App.js, and at the top write:

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

answered Jun 27, 2023 at 2:20

mkdir.enzo

34 bronze badges