React错误-列表中的每个子组件应该只有在第一个呈现的组件上有一个唯一的"key"道具

Question

所以我正试图清理我的项目上的一些错误，这一个似乎要坚持下去。

Warning: Each child in a list should have a unique "key" prop.

但是，我只在呈现的第一个组件上得到这个错误，并且我已经为它提供了一个键。下面是有问题的代码段:

bookings.list.map((request) => (
<RequestListItem request={request} key={request.id}/>
))

有什么建议吗?我已经试过添加一个超时时间，但是额外的时间没有改变任何东西。

Answer 1

当你循环遍历react组件并生成一个列表时，它们每个都需要一个唯一的键

bookings.list.map((request, index) => (
<RequestListItem key={index} request={request}/>
))

你所做的似乎很好，但不需要使用自定义名称或id，只需接收第二个索引参数并使用它。(但是，如果id确实存在并且是唯一的，那么您的代码应该可以工作。