Problem with react bootstrap dropdown selection


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:

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

Thanks for the quick reply and help. :smiley: