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

IT技术 reactjs material-ui multi-select
2021-04-30 01:33:55

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

这是我的代码和框链接

1个回答

我想知道同样的事情,我发现让它工作的唯一方法是arrayobject.

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

在其中,您可以看到 hownames不再是array一个对象,其菜单选项的值为 a key,您希望实际显示的名称为value

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

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