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>
);
}

Similar codes

4 votes190 views2 answers
Import reactdom
Javascript React
0 vote194 views1 answer
React native scrollview fixed header
Javascript React
2 votes225 views3 answers
How to get current date in react js
Javascript React
0 vote203 views1 answer
React get current date minus 7 days
Javascript React
2 votes195 views2 answers
Fullcalendar react add event duration
Javascript React
3 votes225 views1 answer
Pass element from child to parent react
Javascript React
0 vote181 views1 answer
React $ r component instance console
Javascript React
3 votes194 views1 answer
How to stop react app in terminal
Javascript React
0 vote301 views1 answer
Difference in push and navigate in react Navigation
Javascript React
1 vote220 views1 answer
React addeventlistener useeffect
Javascript React