javascript - 在 map 中使用数组索引

<分区>

在我的 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>

但收到一条错误消息:

Each child in an array or iterator should have a unique "key" prop.

最佳答案

还没有使用过 React，虽然看起来你可以传递 .map(callback) 的 index

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

关于javascript - 在 map 中使用数组索引，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41293667/

相关文章：

JavaScript 构造函数的使用