I have created two select menus in React that consist of the same option values. When a user selects option 1 from the first list (or second), that option should be removed/hidden from the second menu so a user doesn’t have the opportunity to have duplicate options selected. These options are mapped out as an array of objects. As I’m still new to programming I’m unsure of the best way to approach this problem.
I attempted to apply a filter method to update the list options. I expected it to list all option values that were !== to the first option selected, however arrive at a typeError and haven’t been able to move past this.
I found this link here is the same as what I am trying to do but the code is quite old and as I’m still new to programming I’m unsure how to refactor it:
https://stackoverflow.com/questions/26137309/remove-selected-option-from-another-select-box
Would really appreciate any advice / assistance.