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

Question

我正在使用基于文档示例的 Material UI 多选。我需要保存所选选项的 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) 时间访问值（名称）（如果您不熟悉大 O 表示法，请阅读：https://en.wikipedia.org/wiki/Big_O_notation），这比遍历整个数组要快得多寻找与您正在映射的对象具有相同 id 的对象。