Javascript React应用程序抛出有关键的错误，但我已在顶层分配了唯一键

下面是抛出错误的代码，控制台消息如下：

                    <div className="col-12">
                        <h6>Infractions:</h6>
                        {infractions.map(({ id, itype, dateStamp }) => (
                            <li key={id} className="col-12">
                                {itype} {dateStamp}
                            </li>
                        ))}
                    </div>

违规行为：
{infractions.map（{id，itype，dateStamp}）=>(

{itype}{dateStamp}

))}

错误呢

---

您看到的错误是因为您设置的键不唯一或未定义

根据您在评论中的回答，您正在使用某种UUID来生成所述

id

值。由于您的问题中没有包含该代码，您可能应该验证以下内容：

• 您生成的UUID确实是唯一的，并且您不会意外地重用它们或为所有记录设置相同的UUID

• 始终填充

  id

  字段，并且React不会呈现值仍然

  未定义的列表

要检查这两个建议，以及您可能需要的任何进一步调查，您可以使用各种工具

• 您可以使用

  console.log

  并将值输出到终端（这不是最干净的方法，但它可以快速产生结果）

• 您还可以在组件中显示ID，并查看发生了什么：

（ID:{ID}）{itype}{dateStamp}

您看到的错误是因为您设置的键不唯一或未定义

根据您在评论中的回答，您正在使用某种UUID来生成所述

id

值。由于您的问题中没有包含该代码，您可能应该验证以下内容：

• 您生成的UUID确实是唯一的，并且您不会意外地重用它们或为所有记录设置相同的UUID

• 始终填充

  id

  字段，并且React不会呈现值仍然

  未定义的列表

要检查这两个建议，以及您可能需要的任何进一步调查，您可以使用各种工具

• 您可以使用

  console.log

  并将值输出到终端（这不是最干净的方法，但它可以快速产生结果）

• 您还可以在组件中显示ID，并查看发生了什么：

（ID:{ID}）{itype}{dateStamp}

这可能是因为您获得的

id

可能不是唯一的id是唯一的，它是由UUID生成的。您的违规列表可能有重复的违规？可能是因为您获得的

id

可能不是唯一的id是唯一的，它是由UUID生成的。您的违规列表可以有重复的违规吗？谢谢，我让它工作了-每个ID都很好，而且是唯一的。我必须先用空数据设置每个“违规”对象…谢谢我让它工作了-每个ID都很好，而且是唯一的。我必须先用空数据设置每个“违规”对象。。。