在react中放映幻灯片

const slideImages = [
  'path/to/image1.jpg',
  'path/to/image2.jpg',
  'path/to/image3.jpg'
];

import { Slide } from 'react-slideshow-image';

const Slideshow = () => {
  return (
    <div className="slide-container">
      <Slide>
        {slideImages.map((image, index) => (
          <div className="each-slide" key={index}>
            <div style={{'backgroundImage': `url(${image})`}}>
              <span>Slide {index + 1}</span>
            </div>
          </div>
        ))}
      </Slide>
    </div>
  );
};