项目中 处理后端返回多数据值, 数组形式 展示tab 列表上
看一下下图展示，其实就是考虑多种情况，根据后端返回的数据中解析并展示在tab 列表上
不过注意的是一定要注意字段。可能不经意错了一个字母都不能展示，我就这样错了。
上代码
在下列代码中，我用了 ?. 和 some判断， 因为我要判断是否有长度和返回的值是不是空值
some()方法，遍历数组的每一项，若其中一项为 true，则返回true；
every()方法，遍历数组每一项，若全部为true，则返回true；
这个是别人的总结的常用的方法比较简单易懂 https://www.cnblogs.com/Mr-Rshare/p/9008698.html
{
title: '发票号码',
align: 'center',
dataIndex: 'invNo',
key: 'invNo',
render: (value, rows) =>{
if( rows.invNo?.length > 0 ){
if(rows.invNo?.some(item => !(item == null))){
return (
<>
{rows.invNo.map((itemInvNo, index) => (
<Tag color="blue" key={index}>
{itemInvNo}
</Tag>
))}
</>
)
}
}else {
if(rows.invNo == null || rows.invNo == [] ){
return ''
} else{
return '暂无信息'
}
}
}
},
当然我们也可以过滤 null和你define的
过滤 null 和 undefined
/假设有返回值 [1,2,3, null, undefined, 4, null];
写个例子
const str = [1,2,3, null, undefined, 4, null];
const target = str.filter(current => {
return current !== null && current !== undefined;
})
console.log(target) // [1, 2, 3, 4] 过滤生效