antd表，数组数据值加逗号

Question

所以在我的 ant d 表中，我正在获取数据 val 数组 - 1, 2, 3, 4, 5

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

我想在中间加逗号和空格

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

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

从“反应”导入反应；从 'react-dom' 导入 ReactDOM；进口 'antd/dist/antd.css';导入'./index.css'；导入 { 表、标签、空间 } 来自 'antd';

常量列 = [ { 标题：'名称'， 数据索引：'名称'， 键：'名称'， 渲染：文本 => {文本}，}，{ 标题：“年龄”， 数据索引：'年龄'， 键：'年龄'，}，{ 标题：'地址'， 数据索引：'地址'， 键：'地址'，}，{ 标题：'标签'， 键：'标签'， 数据索引：'标签'， 渲染：标签=>（ {tags.map(tag => { 让颜色 = tag.length > 5 ？ 'geekblue' : '绿色'; 如果（标签==='失败者'）{ 颜色 = '火山'; } 返回 （ {tag.toUpperCase()} ); })} > ), }, { 标题：'动作'， 键：'动作'， 渲染：（文本，记录）=>（ 邀请 {record.name} 删除 ), }, ];

常量数据 = [ { 键：'1'， 名称：“约翰·布朗”， 年龄：32， 地址：'纽约第一湖公园'， 标签：['nice', '开发者'], }, { 键：'2'， 名称：“吉姆·格林”， 年龄：42， 地址：“伦敦一号湖公园”， 标签：['失败者']，}，{ 键：'3'， 名称：“乔·布莱克”， 年龄：32， 地址：'悉尼一号湖公园'， 标签：['酷', '老师'], }, ];

ReactDOM.render(, document.getElementById('container'));

Answer 1

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

这是有效的 使用reduce函数

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