ReactJS警告：数组或迭代器中的每个子元素应该有一个唯一的"key"属性。

11 浏览
0 Comments

ReactJS警告：数组或迭代器中的每个子元素应该有一个唯一的"key"属性。

var divArr = [

'布吉岛啊',

'呵呵呵',

];

ReactDOM.render(

{divArr.map((item, index) =>

{item}

)},

document.getElementById("example")

);

但是出现了错误：

警告：数组或迭代器中的每个子元素都应该有一个唯一的“key”属性。请检查使用.top-level render呼叫.更多信息请参见[warning-keys][1]。

我不知道如何插入“key”。

0

1 答案

0 Comments

ReactJS 提示的警告信息是：每个数组或迭代器中的子元素应该有一个唯一的 "key" 属性。

这个问题的原因是：在上述代码中，数组 `divArr` 中的每个元素都是以字符串形式存在的 `

` 元素。而在 React 中，当渲染数组时，每个子元素都需要有一个唯一的 `key` 属性，以便 React 可以准确地追踪和更新这些元素。

解决方法是：给每个 `

` 元素添加一个唯一的 `key` 属性。例如，可以将代码修改如下：

var divArr = [
  
布吉岛啊
,
  
呵呵呵
,
];
ReactDOM.render(
  
{divArr}
,
  document.getElementById("example")
);

通过给每个 `

` 元素添加 `key` 属性，可以解决 ReactJS 的警告问题。

0