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 vote375 views1 answer
React chat sheet
Javascript React
0 vote368 views1 answer
Firebase timestamp to date react
Javascript React
0 vote382 views1 answer
Formdata append react js
Javascript React
1 vote395 views1 answer
Check if new user in firebase react
Javascript React
1 vote372 views1 answer
Difference between dom and react dom
Javascript React
0 vote374 views1 answer
How to detect if ios is in dark mode react native
Javascript React
0 vote378 views1 answer
React does not send the cookie automatically
Javascript React
5 votes412 views3 answers
Fetch in react
Javascript React
0 vote414 views1 answer
Update an object key value in state react
Javascript React
0 vote380 views1 answer
React component in for loop
Javascript React