React的組件庫，Ant Design之Table系列問題解決。
這個問題其實很簡單，但也很常見呢~
看了網上的其他博文，說不到重點上，自己寫一篇，請大家多多支持！

問題描述：

在React開發中，使用了ant design的Table組件，報錯信息：
Uncaught TypeError: rawData.some is not a function at Table.js:101

代碼截圖：

問題分析及解決：

官方要求dataSource應為數組，這里取值是后臺返回的data，我們要分析的就是這個data，若data中還有其他內容，例如：

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

這樣再取值data就不對了，肯定報錯，正確代碼是dataSource={data.list}

可參考antd官網API：hhttps://ant.design/components/table-cn/#API

其他要注意的點

一定要指定rowkey，它是區分每一條記錄的唯一標識。否則控制臺會報各種錯誤，xxx should have a unique "key" props 大意就是說每一行要有唯一key。
它的取值可以是列名，也可以是record的某一個屬性。
例如：
rowkey={id}（id是列名，或數據源里面每一條數據都有的屬性）；
rowkey={(record)=>record.primaryKey}(primaryKey是后臺返回的能代表唯一key的字段名)

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。