почему не работает
Данные:
let block1 = {
src:'../images/carousel/1.jpeg',
alt: 'First slide',
captionTitle: 'First slide label',
captionInfo: 'Nulla vitae elit libero, a pharetra augue mollis interdum.'
};
let block2 = {
src:'../images/carousel/2.jpeg',
alt: 'First slide',
captionTitle: 'First slide label',
captionInfo: 'Nulla vitae elit libero, a pharetra augue mollis interdum.'
};
export let carouselDATA = [block1, block2];
В App инициализировал и передал как свойство:
import { carouselDATA } from "./data/data";
<DemoCarousel data={ carouselDATA }/>
Сама карусель:
const DemoCarousel = () => {
return (
<Carousel style={carouselStyles} fade={true}>
{this.data.map(block => (
<Carousel.Item>
<img
className="d-block w-100"
src={block.src}
alt={block.alt}
height="500px"
/>
<Carousel.Caption>
<h3>{block.captionTitle}</h3>
<p>{block.captionInfo}</p>
</Carousel.Caption>
</Carousel.Item>
))}
};
</Carousel>
);
};
export default DemoCarousel;