如何为card Deck中的每个react bootsrap卡添加图像滑块

import React from 'react';
import { Card, Carousel, Image } from 'react-bootstrap';

const CardWithImageSlider = () => {
  return (
    <Card>
      <Carousel>
        <Carousel.Item>
          <Image src="image1.jpg" alt="Image 1" />
        </Carousel.Item>
        <Carousel.Item>
          <Image src="image2.jpg" alt="Image 2" />
        </Carousel.Item>
        <Carousel.Item>
          <Image src="image3.jpg" alt="Image 3" />
        </Carousel.Item>
      </Carousel>
      <Card.Body>
        <Card.Title>Card Title</Card.Title>
        <Card.Text>
          This is a sample card with an image slider.
        </Card.Text>
      </Card.Body>
    </Card>
  );
};

export default CardWithImageSlider;