在处理后台返回的数据的时候,为了操作方便,后台会把类似于状态和性别定义为数字形式,前端拿到后台返回的数据之后需要对数据进行数字转文字的转化,但是对于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的方法,如下图
table中的render.png
如果只传一个参数,默认是第一个text获取到的值,也就是说是后台传过来的值
网友评论