ID 保存并显示名称 - 带芯片的材质 ui 多选

2023-11-29

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

这是我的代码和盒子link


我也想知道同样的问题,我发现让它发挥作用的唯一方法是改变array to an 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 的对象要快得多。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ID 保存并显示名称 - 带芯片的材质 ui 多选 的相关文章

随机推荐