在地图中使用数组索引

Question

在我的React组件中，我想使用map函数来显示数组中的一些消息。该数组非常简单，仅显示以下消息：

const messages = [
   "John called and left a message.",
   "Marketing report is ready!",
   "Today's sales meeting is cancelled."
]

我不想使此数组变得不必要的复杂，因此这些消息没有id。

当我尝试在React组件中使用map函数时，它希望我为每个项目都拥有唯一的键/ ID。如何为该数组中的每个项目使用索引？

我尝试了这段代码

<ul>
{messages.map(item => {
   <li key={item.index}>{item}</li>
})}
</ul>

但收到一条错误消息，内容为：

数组或迭代器中的每个子代都应具有唯一的“键”道具。

Answer 1

没有用过React，但似乎可以传递index的.map(callback)

messages.map((item, index) => {
   <li key={index}>{item}</li>
})