Выпадающий список множественного выбора с уникальным выбором - React JS

1. У меня есть 4 выпадающих списка.
2. Выбранные значения не должны отображаться в остальной части раскрывающегося списка.

Мой state выглядит так

this.state = {
    selectedDropdownArray: {},
    dropdownArray: ['select','1','2','3','4','5']
}

ниже мой компонент раскрывающегося списка выбора

<SelectDropdown
    options = {this.state.dropdownArray}
    value = {this.getValue()}
    onChange = {this.handleChangeEvent.bind(this)}                                         

В функции handleChangeEvent я просто передаю значение объекту, необходимому для остальной части работы, а затем изменяю dropdownArray . Список массивов раскрывающегося списка должен фильтроваться на основе выбора.

Ниже приведена моя функция handleChangeEvent, в которой фильтруются выпадающие значения.

handleChangeEvent(name, value){
    switch(name){
        case '1' :
            this.state.selectedDropdownArray["0"] = value === "select" ? null : value
        break;
        case '2' :
            this.state.selectedDropdownArray["1"] = value === "select" ? null : value
        break;
        case '3'
        ...
        ...
    }

    let filter = Object.values(this.state.selectedDropdownArray);
    let difference = this.state.dropdownArray.filter(x => !filter.includes(x));

}

Если выбран 1-й раскрывающийся список со значением 1, difference теперь имеет отфильтрованный массив [2,3,4,5], который я могу setState преобразовать в dropdownArray.

Но 1-й выпадающий список не имеет 1 для отображения в этом выборе, так как массив уже отфильтрован.

Каков правильный подход к решению этой проблемы, чтобы иметь уникальный выбор для каждых 4 раскрывающихся списков выбора.