react-bootstrap如何控制旋转木马设置、控制、指示器、自动旋转、间隔时间

import React from 'react';
import { Carousel } from 'react-bootstrap';

const MyCarousel = () => {
  const handleSelect = (selectedIndex, e) => {
    // 处理选择新项的逻辑
  };

  return (
    <Carousel activeIndex={0} onSelect={handleSelect} controls indicators interval={5000} pauseOnHover>
      <Carousel.Item>
        <img
          className="d-block w-100"
          src="https://example.com/slide1.jpg"
          alt="First slide"
        />
        <Carousel.Caption>
          <h3>First slide label</h3>
          <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
        </Carousel.Caption>
      </Carousel.Item>
      <Carousel.Item>
        <img
          className="d-block w-100"
          src="https://example.com/slide2.jpg"
          alt="Second slide"
        />
        <Carousel.Caption>
          <h3>Second slide label</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </Carousel.Caption>
      </Carousel.Item>
      {/* 更多的Carousel.Item */}
    </Carousel>
  );
};

export default MyCarousel;