react 项目 tab列表 把返回的一个字段数组，全部 展示在一个字段里

其实就是后端返回的是对象数组的形式，我们在利用新的es语法解析
map 循环映射就好了

看图就知道了
只不过我们要考虑的情况比较多，万一数组没有数据，是个 null 或者是个 [] 数组

我这里要求的后端是如果没有数据就返回null。
代码

{
  title: '发票号码',
  align: 'center',
  dataIndex: 'invNo',
  key: 'invNo',
  render: (value, rows) =>{
  // 这里的value 其实就是 这个返回数据的值 可能是数组，也可能是 null
 // rows 是返回的正好数据，用谁取谁就行了。
 // 要注意是 ？ 的作用这就是在判断有没有，没有 ？ 会直接报错，我就吃亏了。
    if( rows.invNo?.length > 0 ){
      return (
        <>
          {value.map(itemInvNo => (
            <span color="black" key={itemInvNo}>
              {itemInvNo} &nbsp;&nbsp;
            </span>
          ))}
        </>)
    }else {
      if(rows.invNo == null){
        return ''
      } else{
         return '暂无信息'
      }
    }
  }
},

然后就结束了

若要展示成标签的样式，可以直接引用 Tag, span 换成Tag 就可以了。
例如下图