React+antd table中的每列内容换行

1,效果图如下 

2,分隔数组split(",") 

3,详细代码代码如下 

const leadsDetails = this.props.leadsDetails;
const audits = JSON.stringify(leadsDetails) !== '[]' ? leadsDetails.audits : [];

const auditsColumns = [
    {
      title: '创建时间',
      dataIndex: 'created_at',
      key: 'created_at',
    },
   {
     title: '用户',
     dataIndex: 'user',
     key: 'user',
  },
  {
     title: '内容',
     dataIndex: 'content',
     key: 'content',
     render: (text, record) =>{
      let contentStr;
      let br=<br></br>;
      let result=null;
      for(let i=0;i<audits.length;i++){
        let contentStr=audits[i].content;
         contentStr=text.toString().split(",");
        if(contentStr.length<2){
           return text;
        }
      for(let j=0;j<contentStr.length;j++){
        if(j==0){
           result=contentStr[j];
        }else{
          result=<span>{result}{br}{contentStr[j]}</span>;
        }
    }
    return <div>{result}</div>;
 }
 },
},

 


版权声明:本文为xh_960125原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。