在map中使用数组索引

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>

但收到的错误消息为：

  

数组或迭代器中的每个子项都应该有一个唯一的＆＃34;键＆＃34;丙

Answer 1

未使用React，但看似可以通过index的{​​{1}}

.map(callback)