有时候,在渲染表格时,后端数据只提供了几个表示不同状态的数字,并未提供中文的状态含义,此时,我们该作何处理呢?
找到表格的const colums的地方,在你需要修改的表头处,添加如下代码:
render(){
const columns = [
{
title: '领取条件',
dataIndex: 'condition',
key: 'condition',
render:(text,row,index)=>{
let zh=''
switch (row.condition) {
case 1:
zh='可直接领取'
break;
case 2:
zh='需付费购买'
break;
default:
zh='需满足指定条件'
break;
}
return(
<span>{zh}</span>
)
}
}
............
]
}