ID 保存和显示名称 - material ui 带筹码的多选

Question

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

这是我的codesandboxlink

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 的对象。