corousal in react
import React from 'react';
import 'bootstrap/dist/css/bootstrap.css';
import Carousel from 'react-bootstrap/Carousel';
export default function Corousal() {
const images = ["slide-1.jpg","slide-2.jpg"]
const corousalComponent = images.map((image,i) => {
return(
<Carousel.Item interval={1500}>
<img className="img-slide " src={require("../images/"+image).default} alt="slide"/>
</Carousel.Item>)
})
return (
<div style={{ display: 'block'}}>
<Carousel>
{corousalComponent}
</Carousel>
</div>
);
}