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

Question

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

这是我的代码框链接

标签： reactjsmaterial-uimulti-select

Answer 1

我想知道同样的事情，我发现让它工作的唯一方法是array将object.

这里是沙箱：https ://codesandbox.io/s/material-demo-5cy6p

在其中您可以看到names不再是array一个对象，而是一个对象，菜单选项的值为 akey并且您想要实际显示的名称为value：

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

这样您可以及时访问值（名称）O(1)（如果您不熟悉 Big O 表示法，请阅读：https ://en.wikipedia.org/wiki/Big_O_notation ），这比去快得多通过整个数组寻找与您正在映射的对象具有相同 id 的对象。