antd表格組件數字轉文字的處理

在處理後臺返回的數據的時候,爲了操作方便,後臺會把類似於狀態和性別定義爲數字形式,前端拿到後臺返回的數據之後需要對數據進行數字轉文字的轉化,但是對於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獲取到的值,也就是說是後臺傳過來的值

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章