原文链接:https://bobbyhadz.com/blog/react-encountered-two-children-with-the-same-key[1]
作者:Borislav Hadzhiev[2]
正文从这开始~
总览
当我们从map()
方法返回的两个或两个以上的元素具有相同的key
属性时,会产生"Encountered two children with the same key"错误。为了解决该错误,为每个元素的key
属性提供独一无二的值,或者使用索引参数。
react-encountered-two-children-with-the-same-key.png
这里有个例子来展示错误是如何发生的。
代码语言:javascript复制// App.js
const App = () => {
//