Dropdown react doesn't work with Bootstrap v4

Viewed 870

I have a table and in last column I have the following drop down:

<td>
  <div>
    <button aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" id="dropdownMenu2" type="button">Dropdown</button>
    <div aria-labelledby="dropdownMenu2">
      <button type="button">Action</button> <button type="button">Another action</button> <button type="button">Something else here</button>
    </div>
  </div>
</td>

When I click on drop down it doesn't open, what could the problem be?

Could it caused by the aria and data attributes?

2 Answers

I had a similar issue. After moving the script files (bootstrap, jquery, etc) from bottom of the file into the <head> bootstrap dropdowns started working.

Related