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 votes385 views1 answer
React router 6 navigate
Javascript React
0 vote353 views1 answer
Dlowlad the json fiel in react js pretty formate
Javascript React
4 votes358 views2 answers
Defining functions in react
Javascript React
0 vote318 views1 answer
Cookies in react native
Javascript React
-2 votes332 views1 answer
React spring transition animations
Javascript React
0 vote352 views1 answer
Generate ios build react native
Javascript React
113 votes340 views4 answers
New create react app
Javascript React
23 votes302 views6 answers
Map react
Javascript React
0 vote320 views1 answer
Compass in react js
Javascript React
0 vote337 views1 answer
Overflow scroll react native
Javascript React