我收到此錯誤：
Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information.
at Easy
at div
at Central
at div
at Main
at App
我寫了以下代碼。
import React from 'react'
import Riddlees_comp from './riddlees_comp'
function Easy() {
const riddles_ = [{
id:1,
state_:[],
},
{
id:2,
state_: false,
}]
return (
riddles_.map(function(x){
return <Riddlees_comp key={riddles_.id} riddles_ = {x} />
})
)
}
export default Easy
即使我已經為該功能分配了一個鍵，我也會收到此錯誤。我究竟做錯了什么？非常感謝你。
uj5u.com熱心網友回復：
key={x.id} 而不是 key={riddles_.id}
uj5u.com熱心網友回復：
它應該是
<Riddlees_comp key={x.id} riddles_ = {x} />
將key={riddles_.id}更改為key={x.id}
uj5u.com熱心網友回復：
您正在為每個 Riddles_comp 分配相同的密鑰
<Riddles_comp key={x.id} />
uj5u.com熱心網友回復：
為保證鍵的唯一性，如果您不打算再次key在組件中重用該變數，最好使用索引識別符號。流行的做法是：
riddles_.map(function(x,index){
return <Riddlees_comp key={index} riddles_ = {x} />
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/405744.html
標籤：
上一篇：追加物件而不合并