如何在ANTD旋转木马预览中显示成对图像

import React from 'react';
import { Carousel } from 'antd';

const imagePairs = [
  {
    id: 1,
    image1: 'https://example.com/image1.jpg',
    image2: 'https://example.com/image2.jpg',
    title: '图像对1',
    description: '这是图像对1的描述',
  },
  {
    id: 2,
    image1: 'https://example.com/image3.jpg',
    image2: 'https://example.com/image4.jpg',
    title: '图像对2',
    description: '这是图像对2的描述',
  },
  // 添加更多图像对...
];

const ImageCarousel = () => {
  return (
    <Carousel>
      {imagePairs.map((pair) => (
        <Carousel.Item key={pair.id}>
          <div>
            <img src={pair.image1} alt="图像1" />
            <img src={pair.image2} alt="图像2" />
          </div>
          <h3>{pair.title}</h3>
          <p>{pair.description}</p>
        </Carousel.Item>
      ))}
    </Carousel>
  );
};

export default ImageCarousel;