背景：使用ant design 中的组件table 它的使用方式是，通过columns变量来指定标题字段，从而去渲染列表数据。
遇见的问题：其中一个字段返回的值是一串字符串（以逗号拼接的字符串），需要前端页面通过逗号去分割，换行展示。
解决方案：通过将字符串转中的逗号转化为换行符（<br></br>）
代码展示： columns = [
{
title: (<div><div>风险名单</div><div>类型</div></div>),
dataIndex: 'risktype',
align: 'center',
render: (text, record) => {
if(text) {//判断有没有值
if(text.indexOf(',') > -1) {//判断是否是以逗号拼接的多个值
let br = <br></br>//声明一个换行标签
let array = text.split(',')//将字符串转化为数组
let result = ''
array.map((item) => {
result = <span>{result}{item}{br}</span>//每循环一次拼接一次result,这里必须使用花括号{result}这样，才可以将第一次循环的值进行记录并拼接到第二次循环上，很神奇！！！
})
return <span>{result}</span>//将循环完之后的最终结果返回
}
return <span>{text}</span>
}
},
},
]
