antd 的Table组件内放走马灯Carousel组件应该怎么放

今天在Table里放置图片，发现后台给我的图片数据不止一个，所以打算用走马灯Carousel来放多张图片。但无奈怎么放都无法显示。

我在想会不会是因为有两个return 的问题

下面是相关代码

相关代码

const loop = (data) => {
        data.map((item) => {
            console.log(item)
            return <div key='photo'><img src={item} width="200" height="350" alt="现场照片" ></img></div>
        })
    }

/* eslint-disable */
    const columns = [{
        title: '现场时间',
        dataIndex: 'xcsj',
        key: 'xcsj',
    }, {
        title: '状态',
        dataIndex: 'zt',
        key: 'zt',
    }, {
        title: '备注',
        dataIndex: 'bz',
        key: 'bz',
        width: 250,
    }, {
        title: '现场照片',
        dataIndex: 'xczp',
        key: 'xczp',
        render: (text, record) => {
            let zzqzps = record.xczp.split(',')
            // console.log(zzqzps)
            return zzqzps == '' ? <div key='xczp'></div> : <Carousel autoplay={true}>{loop(zzqzps)}</Carousel>
        },

    }];

有没有人知道该怎么改呢？求解