React報錯之Encountered two children with the same key

2022-08-13 06:01:15

正文從這開始~

總覽

當我們從map()方法返回的兩個或兩個以上的元素具有相同的key屬性時,會產生"Encountered two children with the same key"錯誤。為了解決該錯誤,為每個元素的key屬性提供獨一無二的值,或者使用索引引數。

這裡有個例子來展示錯誤是如何發生的。

// App.js
const App = () => {
  //