Сохранение идентификатора и отображаемое имя - материальный интерфейс с микросхемой

Question

Я использую Material UI Multiple Select, основываясь на примере документации. Мне нужно сохранить идентификатор выбранной опции и показать имя, я пробовал много способов, но ничего не помогает. Мне нужно сохранить идентификатор и отобразить значение. Пожалуйста, помогите мне с вашим руководством.

Вот мои коды andbox ссылка

Answer 1

Мне было интересно примерно то же самое, и я нашел единственный способ заставить его работать, преобразовав array в object.

Вот песочница: https://codesandbox.io/s/material-demo-5cy6p

В нем вы можете видеть, что names уже не array, а объект со значением параметра меню в виде key и именем, которое вы хотите отобразить как value:

const names = {
 1: 'Lorem',
 2: 'Ipsum',
}

Таким образом, вы можете получить доступ к значению (имени) за O(1) время (если вы не знакомы с нотацией Big O, это означает: https://en.wikipedia.org/wiki/Big_O_notation ), это намного быстрее, чем проходить весь массив в поисках объекта с тем же идентификатором, что и тот, который вы отображаете.