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

-2 votes271 views5 answers
React cheat sheet
Javascript React
0 vote299 views1 answer
Add two export in same page react
Javascript React
0 vote325 views1 answer
React native center text vertically full screen
Javascript React
2 votes294 views2 answers
React google maps
Javascript React
-1 vote293 views1 answer
React window navigate
Javascript React
2 votes311 views2 answers
How to change react icon color
Javascript React
0 vote304 views1 answer
Hide and show on button click in react js functional component
Javascript React
0 vote297 views1 answer
React native anination 2 valuse
Javascript React
2 votes350 views2 answers
Select field in react native
Javascript React
0 vote283 views1 answer
React native hide stack navigator title
Javascript React