ant d表，在数组的数据值中添加逗号

Question

所以在我的ant d表中，我得到了数据值阵列-1、2、3、4、5

在我的表中，数据显示为12345

我想在中间添加逗号和空格

以这个代码为例，我想要标签之间的逗号

https://codesandbox.io/s/62ft4

从"React"导入React；从"react-dom"导入ReactDOM；进口'antd/dist/antd.css'；import/index.css'；导入｛表、标记、空格}来自"antd"；

const columns=[{title：'名称'，dataIndex:'name'，key:'name'，渲染：text=>｛text｝，｝{title："年龄"，dataIndex:"年龄"，key:'age'，｝{title：'地址'，dataIndex:'地址'，key:"address"，｝{title：'标签'，key:'标签'，dataIndex:'tags'，渲染：标记=>(<gt；｛tags.map(tag=>让color=tag.length>5？'geekblue：绿色；if(标签==="失败者"({color="火山"；}返回(｛tag.toUpperCase((｝)；})}<>)，}{title：'操作'，key:'操作'，render:(文本，记录(=>(邀请｛record.name｝删去)，}，]；

常量数据=[{密钥："1"，姓名："John Brown"，年龄：32岁，地址："纽约第一湖公园"，标签：['nice'，'developer']，}{密钥："2"，name："Jim Green"，年龄：42岁，地址："伦敦湖公园1号"，标签：['loser']，}{密钥："3"，name："Joe Black"，年龄：32岁，地址："西德尼1号湖公园"，标签：['col'，'tear']，}，]；

ReactDOM.render(，document.getElementById('container'((；

Answer 1

https://codesandbox.io/s/basic-usage-antd-4-17-1-alpha-0-forked-s7iv6?file=/index.js

这就是有效的使用归约函数

{tags
.map((tag) => {
return <Tag key={tag}>{tag}</Tag>;
})
.reduce((prev, curr) => [prev, ", ", curr])}