我为列表中的每个元素分配了一个唯一的键，但仍然收到‘警告:列表中的每个孩子都应该有一个唯一的“键”建议“。错误

文章/答案/技术大牛

发布

1回答

reactjs

我是个新手，不确定为什么会收到这个错误。我在map方法中为每个列表元素分配了一个键，但仍然收到一个错误，提示每个元素都应该分配一个键。下面是我的代码： import React, { u

浏览 8提问于2021-10-03得票数 0

回答已采纳

1回答

不能从反应本机映射循环多个标记。

react-native、react-native-ios、react-native-maps

因此，我有从firebase.The中获取的餐馆数据，这些数据存储在状态中，restaurants.The数据如下所示。longitude\":-122.4325693398714}", }当我试图循环数组时，文本组件会使用地图上餐馆的名称呈现，但是标记不在所需的坐标上。

浏览 2提问于2021-09-17得票数 0

3回答

React索引键在映射中不起作用

javascript、reactjs、list、ecmascript-6、jsx

我使用了index键，但它仍然显示错误。也尝试使用来自JSON数据的唯一id，但无法解决这个问题。警告:列表中的每个孩子都应该有一个独特的“键”道具。

浏览 0提问于2019-02-11得票数 2

回答已采纳

1回答

唯一密钥属性仍然接收唯一密钥错误

reactjs、react-native、key

在通过for循环之后，我正在尝试布局一个列表。我知道我必须给组件中的每个孩子一个“唯一的' key‘道具”，但无论我如何给出key道具，我总是得到错误。键是唯一的，是在最外面的组件上设置的，并且是一个字符串，但我仍然收到<

浏览 15提问于2020-09-30得票数 1

回答已采纳

2回答

尽管所有元素都有唯一的标识符，但仍会发生键错误。

javascript、reactjs

因此，我已经习惯了反应，我理解当使用映射函数时，每个项目都需要分配一个唯一的键。我相信我做得对 countries.map(country => { <div key={country.name.commonbutton onClick={() => setCountries([country])}>show</b

浏览 7提问于2022-08-06得票数 1

回答已采纳

1回答

React &当map返回组件时，从列表中删除Framer将导致初始动画播放

javascript、reactjs、typescript、framer-motion

有谁能给我解释一下这个问题发生的原因吗？我有一个被映射的对象数组，并在添加到该数组时淡入。如果在映射中，我返回对象的实际jsx代码，那么当对象从数组中移除时，它会像它应该的那样对剩余的卡片进行动画处理。，则它不会有动画，而是会导致删除对象之后的所有对象再次在不透明度中淡出。{cards.map((c) => {})} 您可

浏览 6提问于2022-01-31得票数 1

回答已采纳

1回答

如何在中显示对象中的键？

javascript、reactjs、material-ui、mui-datatable

我试着用这种方式来定义它： name: "colorList", options: { return key; } },我会在控制台中收到这个错误警告:列表中的</

浏览 1提问于2022-02-12得票数 0

回答已采纳

3回答

在React中向子元素添加键

reactjs

我收到的信息如下：‘警告:列表中的每个孩子都应该有一个唯一的“键”道具。有什么方法可以自动将键添加到“content”中的元素中？

浏览 4提问于2020-01-05得票数 0

2回答

尽管添加了一个唯一的键，react还是抛出了一个警告。

reactjs

尽管向元素key={item.?key}添加了一个唯一的键，但我仍然收到以下警告： <ol>**.**警告:列表中的每个子元素都应该有一个唯一的“键”支柱。使用检查顶级呈现调用。

浏览 3提问于2021-08-26得票数 1

1回答

使用密钥提取器时，仍然接收到唯一密钥错误

react-native、react-native-flatlist

我试图在react原生中创建一个项的列表，但仍然收到错误“列表中的每个子项都应该有一个唯一的键”，即使调用了keyExtractor属性也是如此。它只在第一次渲染时发生，这让我认为这是一个时间问题？我添加了一些加载器，<e

浏览 4提问于2021-03-12得票数 0

1回答

useMemo对键控组件有任何影响吗？

reactjs、react-hooks、react-key-index

在使用动态数量的组件时，React要求开发人员提供唯一的键，以免引发此错误：假设每个孩子根据某个道具显示不同的图标和标签。这里useMemo的使用对性能有什么影响吗？

浏览 1提问于2019-11-09得票数 1

1回答

Chakra UI唯一的密钥支柱

javascript、reactjs、frontend、web-frontend、chakra-ui

我正在使用@chakra/React版本1.7.2在我的React 17.0.2项目中。这个版本的Chakra UI应该已经解决了元素中有唯一键的问题，但是当我测试代码和Chrome的控制台时，我仍然有错误：列表中的每个孩子都应该有一个独特<em

浏览 5提问于2021-12-20得票数 1

2回答

当键被设置时，数组或迭代器中的每个子元素都应该有唯一的" key“支柱。

reactjs、key

我收到三个警告：警告:数组或迭代器中的每个子元素

浏览 0提问于2018-05-21得票数 0

2回答

在Javascript上已经有一个键错误，并对AXIOS作出反应

reactjs、axios

在我的控制台中，它显示如下：“警告:列表中的每个子元素都应该有一个唯一的”键“支柱。”代码：

浏览 2提问于2022-05-29得票数 2

1回答

列表中的每个孩子都应该有一个唯一的“键”道具。

html、css、reactjs、jsx

我定义了一个const，它包含多个函数，这些函数对这个问题不感兴趣，所以我只想包括一个相关的消毒部分。如果我需要更多的内容，请告诉我。'x' : index + 1} </React.Fragment> })}); 在浏览器中，我看到了警告</e

浏览 1提问于2019-03-31得票数 7

2回答

警告:列表中的每个孩子都应该有一个唯一的“键”道具。

javascript、reactjs

我是新来的，我在这里被堵住了。每次我都会收到这个警告，我找不到错误。

浏览 3提问于2020-05-20得票数 1

回答已采纳

1回答

React render收到一个警告，需要一个唯一的“key”属性[复制]

javascript、reactjs

这个问题在这里已经有答案了：了解React.js中数组子对象的唯一键 (14个答案) 5天前就关门了。我得到了一个警告“警告:列表中的每个孩子都应该有一个唯一的"key”prop“用于这个map函数。你知道怎么修吗？非常感谢。

浏览 29提问于2021-02-25得票数 -4

回答已采纳

4回答

为什么我会收到警告说我没有唯一的钥匙？

reactjs

这是我的渲染 let products = this.state.products <ul> </ul> } 我使用的是唯一的键，并且仍然<

浏览 0提问于2019-05-04得票数 0

回答已采纳

1回答

我试图映射函数，但却抛出错误(警告:列表中的每个子程序都应该有一个唯一的"key“支柱)。

redux

警告:列表中的每个儿童图像描述都应该有一个唯一的“键”道具。请帮助我解决这个错误。

浏览 1提问于2022-06-02得票数 0

回答已采纳

1回答

在react bootstrap中，如何在推送中递增计数器？

reactjs、create-react-app、react-bootstrap

我收到了一个警告，说列表中的每个孩子都应该有一个唯一的键。因此，我决定设置一个计数器，然后将其分配给每个键。以下是我的初始化： function App() { const [keyCount, setKeyCount

浏览 21提问于2019-12-27得票数 0

点击加载更多