日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

react antd常見報錯Each child in a list should have a unique “key“ prop

作者:1024小神 更新時間: 2023-08-28 編程語言

常見的一個報錯內容:原因可能真的很奇怪,但是那就那么三四種情況,在此記錄一下這個問題

console.js:213 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `Panel`. It was passed a child from LogDialog. See https://reactjs.org/link/warning-keys for more information.

常見的報錯情況總結

1.Map遍歷渲染數據

這是最常見的一種,也是最容易發現和解決的一種情況,相信做react開發的同學都知道這個問題

解決方式:給被遍歷的組件加上 key 屬性?

2.Table表格數據渲染

這個也是常見的一種,在antd中的table渲染的時候,要求每一行數據有一個單獨的key,或者給table設置rowKey屬性就可以解決

第一種解決方案:給table設置rowKey屬性?

第二種解決方案:給數據加上key屬性

3.Select選擇器中的Option?

?這個也是比較常見的一種吧,類似map渲染,一樣要加上key

解決辦法:在map里面的子組件加上key屬性

4.Modal 對話框組件

這個應該是最難發現的一個的情況,解決辦法也是神奇,想不通為啥這個會報錯,其他的遍歷我都能理解,但是這個.....

解決辦法:給頁腳組件設置 key 屬性,寫一個固定值也可以解決這個報錯

原文鏈接:https://blog.csdn.net/weixin_44786530/article/details/132337237

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新