Table表头中 dataIndex 与 render 的使用

这个是请求的表头数据
这个是每列的数据
需求: 证件类型对应的参数名为certTyp,但是由于对应的是数字,需要后端添加一个带Desc的字段

1. 如果确定需要更改哪几个字段,可以直接在dataIndex里修改
   如下图

    let { fieldList = [] } = this.props
    let columns = [
      {
        title: '名单类型代码',
        dataIndex: 'nameCode',
      },
      {
        title: '名单类型名称',
        dataIndex: 'nameListDesc',
      },
    ]

    fieldList.map(item => {
      //证件类型的翻译code为code+Desc
      columns.push({
        title: item.name,
        dataIndex: item.code === 'certTyp' ? 'certTypDesc' : item.code
      })
    })

    columns = [
      ...columns,
      {
        title: '生效日期',
        dataIndex: 'validateDt',
      },
      {
        title: '失效日期',
        dataIndex: 'invalidateDt',
      },
    ]

2. 如果不确定字段,需要判断该字段是否存在+Desc字段时,可以写在render里(render可以改变显示的字段)

     dataIndex: item.code,
     render: (v, record) => {
       return record[item.code + 'Desc'] || v
     },