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 vote232 views1 answer
Node closes once you open app react-native
Javascript React
0 vote190 views1 answer
Add Multilanguage Support to React App
Javascript React
0 vote218 views1 answer
@tippyjs/react
Javascript React
1 vote214 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
0 vote215 views1 answer
What was the reaction of others bostonh tea party
Javascript React
29 votes184 views6 answers
If react
Javascript React
1 vote212 views1 answer
How to install react fullpage using npm
Javascript React
0 vote197 views1 answer
Ej2 react calenders
Javascript React
0 vote186 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
1 vote167 views1 answer
React why onclick property function trigger without click
Javascript React