ReactJS中带有数组Javascript的回文

我正在使用回文上的javascript数组

我的数组（输入）：

   const data = [
    {id: 1, title: 'Sub A', img: 'A.jpg'},
    {id: 2, title: 'Sub B', img: 'B.jpg'},
    {id: 3, title: 'Sub C', img: 'C.jpg'},
    {id: 4, title: 'Sub D', img: 'D.jpg'}
   ]

我想输出为：

我的代码（错误代码）：

  {
    data.map((item, index) => {
      const col = item.col ? item.col : '6';
      return (
          <div className={'col-md-' + col} key={index}>
            <div className={styles.servicesItem}>
              <a>
                { index === data[index - 1] ? '' : <img src={item.img} /> }
              </a>
              <span>{item.title}</span>
            </div>
          </div>
        );
    })
  }

{
data.map（（项目、索引）=>{
常量列=item.col？item.col:'6'；
返回(
{index==数据[索引-1]？''：}
{item.title}
);
})
}

有人有办法把输出格式化成那样吗？

---

谢谢你的帮助

现在您的输出是什么样子的？你能在codepen上发布一个例子吗？此外，这似乎更像是一个css问题，而不是javascript问题，可能需要添加tagI想要输出的tagI：