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 vote308 views1 answer
Command reboot android app react native adb command
Javascript React
19 votes286 views6 answers
React native build android apk
Javascript React
0 vote308 views1 answer
React redux open another page
Javascript React
7 votes309 views1 answer
The path argument must be of type string. received undefined react
Javascript React
2 votes301 views2 answers
Video in react native stack overflow
Javascript React
1 vote320 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
1 vote307 views1 answer
How to clear pod cache in react native
Javascript React
0 vote301 views1 answer
React image onerror
Javascript React
0 vote367 views1 answer
Get size of a View in React Native
Javascript React
3 votes267 views3 answers
Update create react app
Javascript React