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}
</span>
))}
</>)
}else {
if(rows.invNo == null){
return ''
} else{
return '暂无信息'
}
}
}
},
然后就结束了
若要展示成标签的样式，可以直接引用 Tag, span 换成Tag 就可以了。
例如下图
