在react中选择多个图标

Question

我需要在“Origem”中选择一个图标，在“Destino”中选择一个图标，在“Material”中选择一个图标，如何做到这一点，我的代码，在react中，只选择一个。 .

一些解决问题的帮助

Answer 1

您的问题可能有多种来源。 最常见的错误是：

• 未在地图中为儿童提供唯一的 ID/密钥
• 对两个元素使用相同的密钥

如果您使用相同的列表来显示图标，请尝试为每一行添加一个索引，将该索引连接到元素的键，这样，每个子元素都会有一个唯一的键。

MyIconList (list, index) = () => {
   list.map((element) => {
     return <MyComponent key={`${element.id}-${index}`} />
   })
}