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

0 vote255 views1 answer
UseFetch custom hook for React
Javascript React
0 vote258 views2 answers
React date picker disable past dates
Javascript React
50 votes235 views6 answers
Yarn create react app
Javascript React
0 vote264 views1 answer
React tooltip on disabled button
Javascript React
0 vote264 views2 answers
How to run react builed version
Javascript React
1 vote261 views2 answers
React js alert popup example
Javascript React
-1 vote237 views3 answers
Instalar react native paper
Javascript React
0 vote268 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
1 vote186 views1 answer
React use callback
Javascript React
0 vote251 views1 answer
Stop from from refresching page react
Javascript React