当前位置: 首页 > 知识库问答 >
问题:

ReactJS警告:数组或迭代器中的每个孩子都应该有一个唯一的“键”道具

严劲
2023-03-14
    var divArr = [
       '<div>布吉岛啊</div>',
       '<div>呵呵呵</div>',
    ];
    ReactDOM.render(
       <div>{divArr}</div>,
       document.getElementById("example")
    );

但这是错误的:

我不知道如何插入“钥匙”

共有1个答案

潘雅珺
2023-03-14

你需要把唯一键内的数组div检查我的代码

var divArr = [
 '<div key='1'>布吉岛啊</div>',
 '<div key='2'>呵呵呵</div>',
];
ReactDOM.render(
   <div>{divArr}</div>,
   document.getElementById("example")
);
 类似资料:
  • 问题内容: 我正在使用Google Books API构建应用,并且似乎正在向列表中的每个孩子传递唯一键,但是错误不会消失。我一定在做错事,但不确定。 请注意,在返回const books之后,我有一个console.log(book.id),它将在控制台中显示所有10个唯一的id键。但是,当我尝试使用key = {book.id}将其传递给该组件的子组件时,会出现此错误。 问题答案: 在需要去最

  • 在这个简单的React应用程序中,我不明白为什么我会收到以下警告信息: 警告:列表中的每个孩子都应该有一个唯一的“键”道具。 对我来说,似乎我把密钥放在了正确的位置,形式为key={item.login.uuid} 我怎样才能摆脱警告信息?把钥匙放在哪里合适? 应用程序。js 列表js

  • 我对如何创建一个简单的todo应用程序的反应和探索方式还不熟悉。我当前收到错误“警告:列表中的每个孩子都应该有一个唯一的“键”道具。”一切似乎都很好,但我一定是做错了什么。 如果有人能帮上忙,那就br太好了/解释为什么会发生这个错误,那就太好了。

  • 问题内容: G’Day。我想遍历一堆JSON对象,然后将它们变成React Elements。对象看起来像这样 遍历它们的代码非常简单。这样: 而且我收到错误警告:数组或迭代器中的每个子代都应具有唯一的“键”属性。有什么提示吗?干杯 我更改了代码以执行此操作。 而且我得到同样的错误。我不明白为什么!固定!谢谢您的帮助。 这是代码。 问题答案: 您需要向React元素添加一个唯一的key prop。

  • 所以我想渲染数组,但它一直在说,警告:列表中的每个孩子都应该有一个唯一的“键”道具,即使它有唯一的键,我的数组包含三个元素,它甚至没有正确渲染第三个数组,按钮没有甚至因为某种原因第三李的工作。 更新:我从firebase获得的数据如下所示: 此代码将选择每个数据的标题 当我将鼠标悬停在“fikka-fikka”上时,“fikka-fikka”的按钮甚至不起作用。在ed sheeran和一个方向上,

  • 我写了一个BlackJack游戏,但是在我从卡片API中查询API后,卡片从未显示在屏幕上。我有控制台记录了玩家甲板和交易甲板,它有卡片数据,但没有显示。 错误如下:index.js:1375警告:列表中的每个子级都应该有一个唯一的“键”道具。 检查的渲染方法。参见https://reactjs.org/link/warning-keys了解更多信息。在黑杰克(http://localhost:3