antd的Table元件的column處理後臺返回的陣列
摘要：
用antd的table元件接受後臺的資料，在處理後臺返回的資料中，column引數如下：
const column=[
{
title: "城市管理員",
dataIndex: "city_admins",//後臺將引數資...
用antd的table元件接受後臺的資料，在處理後臺返回的資料中，column引數如下：
const column=[
{
title: "城市管理員",
dataIndex: "city_admins",//後臺將引數資訊放在了數組裡面，如果不做處理會報錯
key: "city_admins"
},
{
title: "城市開通時間",
dataIndex: "open_time",
key: "open_time"
},
//.....
]
其中對於城市管理員後臺給我返回的引數是個陣列，不是個字串，直接這樣寫會報錯，後臺返回資料如下：
物件包陣列.png
而column只能解析字串，所以修改後的程式碼如下：
const column=[
{
title: "城市管理員",
dataIndex: "city_admins",
key: "city_admins",
//由於是陣列不能直接渲染
render(arr){
return arr.map(item=>{
return item.user_name;//使其返回陣列中的一項
}).join(",");//因為資料中user_name可能是兩個人所以用逗號分隔開
}
},
{
title: "城市開通時間",
dataIndex: "open_time",
key: "open_time"
},
// ........
]