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

在复杂的组件中查找重复的密钥

养翔
2023-03-14

我有一个react组件,它一次生成许多键,我不确定哪一个不是唯一的。错误如下所示。有什么简单的方法可以帮助调试吗?谢谢

反应js:19500警告:数组或迭代器中的每个子级都应该有一个唯一的“键”属性。检查MyGrid的渲染方法。见https://fb。有关更多信息,请按me/react警告键。

共有2个答案

赵智
2023-03-14

单击展开控制台中的错误以显示堆栈跟踪。按照调用的顺序执行createElementWithValidation之前的调用,它会显示罪犯行号。

记录你在那里使用的密钥。如果有一吨,把它们放在数组中,然后[]. filter((e, i, a)=

陶山
2023-03-14

这是一个警告,表明您尚未分配密钥,而不是它实际上不是唯一的,消息的下一行应该确切地告诉您什么是违规元素-请参见下面的示例div中的(由CardsComponent创建)

警告。js:36警告:数组或迭代器中的每个子级都应该有一个唯一的“key”属性。检查“CardsComponent”的呈现方法。见fb。有关更多信息,请按me/react警告键。在div中(由CardsComponent创建)

如果您想进一步调试,测试将在ReactElementValidator中完成。validateExplicitKey它只检查元素键是否为非null,不检查同级键之间的唯一性。。。

function validateExplicitKey(element, parentType) {
  if (!element._store || element._store.validated || element.key != null) {
    return;
  }
  // if it gets here it has failed and you will be warned

这里有趣的部分是element.key!=null,因为其他的已经被验证了

 类似资料:
  • 问题内容: 在最坏的情况下,对单个对象的查找操作OR 是正确的吗?那么,对于元素查找将是? 问题答案: 是的,但这实际上是最坏的情况:如果中的所有元素都具有相同的哈希码(或导致相同存储桶的哈希码)。使用正确编写的且正态分布的密钥样本,查找为O(1)。

  • 问题内容: 在numpy数组中找到最大连续重复nan的最佳方法是什么? 例子: 输入1: 输出1: 输入2: 输出2: 问题答案: 这是一种方法- 这是一个改进的版本- 基准测试-

  • 1.3. 查找重复的行 对文件做拷贝、打印、搜索、排序、统计或类似事情的程序都有一个差不多的程序结构:一个处理输入的循环,在每个元素上执行计算处理,在处理的同时或最后产生输出。我们会展示一个名为dup的程序的三个版本;灵感来自于Unix的uniq命令,其寻找相邻的重复行。该程序使用的结构和包是个参考范例,可以方便地修改。 dup的第一个版本打印标准输入中多次出现的行,以重复次数开头。该程序将引入i

  • 问题内容: 我被困在以下程序中: 我有一个输入整数数组,其中只有一个非重复数,例如{1,1,3,2,3}。输出应显示非重复元素,即2。 到目前为止,我执行了以下操作: 最好限制阵列中的解决方案。避免使用集合,地图。 问题答案: 由于几乎可以肯定这是一种学习练习,并且由于您非常接近正确完成它,因此需要进行以下更改才能使其正常工作: 将声明 __移到 外部循环 内部 -需要将标志设置为外部循环的每次迭

  • 所以这个问题以前被问过,但我的情况有点不同,因为我已经尝试了这个网站中建议的所有解决方案,我有一个多提及数组: 我还有另一个小数组: 我只想找到与这个“dup”在同一行的“original”。到目前为止,我尝试了查找、过滤和grep,但这些都没有解决我的问题。 我尝试过的代码:

  • 主要内容:GWT 复杂组件 介绍,GWT 常用的复杂组件GWT 复杂组件 介绍 表单小部件允许用户与应用程序进行高级交互功能。每个 Complex 小部件都从 Widget 类继承属性,而 Widget 类又从 UIObject 继承属性。 小组件 描述 GWT UIObject类 此小部件包含文本,不会使用 <div> 元素将其解释为 HTML,从而使其以块布局显示。 GWT Widget类 此小部件可以包含 HTML 文本并使用 <div> 元素显