React的組件庫(kù)，Ant Design之Table系列問(wèn)題解決。
這個(gè)問(wèn)題其實(shí)很簡(jiǎn)單，但也很常見(jiàn)呢~
看了網(wǎng)上的其他博文，說(shuō)不到重點(diǎn)上，自己寫一篇，請(qǐng)大家多多支持！

問(wèn)題描述：

在React開(kāi)發(fā)中，使用了ant design的Table組件，報(bào)錯(cuò)信息：
Uncaught TypeError: rawData.some is not a function at Table.js:101

代碼截圖：

問(wèn)題分析及解決：

官方要求dataSource應(yīng)為數(shù)組，這里取值是后臺(tái)返回的data，我們要分析的就是這個(gè)data，若data中還有其他內(nèi)容，例如：

{data：{sum:100,list:[{userId:1,name:'qingying',age:'20'},{...}] // 這里省略，是諸如此類的item} }

這樣再取值data就不對(duì)了，肯定報(bào)錯(cuò)，正確代碼是dataSource={data.list}

可參考antd官網(wǎng)API：hhttps://ant.design/components/table-cn/#API

其他要注意的點(diǎn)

一定要指定rowkey，它是區(qū)分每一條記錄的唯一標(biāo)識(shí)。否則控制臺(tái)會(huì)報(bào)各種錯(cuò)誤，xxx should have a unique "key" props 大意就是說(shuō)每一行要有唯一key。
它的取值可以是列名，也可以是record的某一個(gè)屬性。
例如：
rowkey={id}（id是列名，或數(shù)據(jù)源里面每一條數(shù)據(jù)都有的屬性）；
rowkey={(record)=>record.primaryKey}(primaryKey是后臺(tái)返回的能代表唯一key的字段名)

總結(jié)

以上是生活随笔為你收集整理的Ant design的Table组件报错TypeError: rawData.some is not a function的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。