Problem with react bootstrap dropdown selection

JavaScript
#1

Hi,

I am new here and recently just started to learn react. I am trying to create two dropdown menus. However, there is a strange behavior where I pick a selection from any one of the dropdown menus, both dropdowns changed to the same selected values.

I am not sure what I need to change to fix it so that the dropdown menu selections do not affect each other…

Here is the code I have:

#2

You’re using the same variable (toggleContents) for both dropdowns, that’s the reason they’re in sync.

#3

Thanks for the quick reply and help. :smiley: