ID保存和显示名称-带有芯片的材料ui多选

Question

我正在根据文档示例使用Material UI Multiple Select。我需要保存所选选项的ID和显示名称，我尝试了很多方法，但没有任何帮助。我需要存储id并显示值。请为我提供指导。

这是我的密码和框link

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），这比遍历整个数组看起来要快得多。与您要映射的对象具有相同ID的对象。