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获取到的值,也就是说是后台传过来的值

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