在處理後臺返回的數據的時候,爲了操作方便,後臺會把類似於狀態和性別定義爲數字形式,前端拿到後臺返回的數據之後需要對數據進行數字轉文字的轉化,但是對於antd的table組件轉換有另一種操作,代碼如下:
const Column=[
{
title: "性別",
dataIndex: "sex",
key: "sex",
render(sex){
return sex==1?'男':'女' //1是男,2是女
}
},{
title: "興趣",
dataIndex: "interest",
key: "interest",
render(interest){
let config={
'1':'唱歌',
'2':'跳舞',
'3':'彈琴',
'4':'畫畫',
'5':'游泳'
}
return config[interest];
}
]
因爲antd組件對column的API裏面有一個render的方法,如下圖
如果只傳一個參數,默認是第一個text獲取到的值,也就是說是後臺傳過來的值