Aquí está mi código carosol de arranque de reacción. Por favor, resuelva este problema.
<Carousel> <Carousel.Item> <img className="d-block w-100" style={{ height: '500px' }} src={img2} alt="First slide" /> </Carousel>``El componente de carrusel se desliza por las imágenes que usted proporciona. Por supuesto, solo tiene sentido si proporciona al menos dos de ellos, no solo uno.
Además, en su fragmento de código, falta la etiqueta de cierre para Carousel.Item:
<Carousel> <Carousel.Item> <img className="d-block w-100" style={{ height: '500px' }} src={img1} alt="First slide" /> </Carousel.Item> <Carousel.Item> <img className="d-block w-100" style={{ height: '500px' }} src={img2} alt="Second slide" /> </Carousel.Item> ... </Carousel>Si aún no funciona, asegúrese de importar sus imágenes correctamente. ¿Ves la imagen cuando solo pegas el siguiente código?
<img className="d-block w-100" style={{ height: '500px' }} src={img1} alt="First slide" />Si no, entonces el problema no es el componente Carrusel, sino sus imágenes.