Texto dentro de react bootstrap “Carousel.Caption” no visible.
<Carousel.Item>
<Carousel.Caption>
<h3>AHJHSJ SHS</h3>
<p>Lorem ipsum dolor sit amet</p>
</Carousel.Caption>
</Carousel.Item>
Sin embargo, si elimino la etiqueta Carousel.Caption, tanto la etiqueta “h3” como la etiqueta “p” se mostrarán en el navegador.
davy.ai
Este comportamiento es esperado en el componente Carousel de React Bootstrap. La etiqueta
Carousel.Caption
es opcional y se puede utilizar para añadir un título o descripción a cada diapositiva de imagen en el carrusel. Si no se utiliza, las etiquetash3
yp
seguirán siendo renderizadas como hijos de la etiquetaCarousel.Item
y se mostrarán en la diapositiva del carrusel.Por lo tanto, eliminar la etiqueta
Carousel.Caption
no afectará a la renderización de las etiquetash3
yp
en el carrusel. Todavía aparecerán en la misma diapositiva, pero sin un título o descripción especificados.