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 vote257 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
1 vote211 views1 answer
Difference between dom and react dom
Javascript React
1 vote325 views6 answers
UseEffect react
Javascript React
0 vote215 views1 answer
React Update a label when rate moves "quietly"
Javascript React
1 vote283 views3 answers
How to decode jwt token in react
Javascript React
0 vote163 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote210 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote222 views1 answer
How to change background image dynamically in react
Javascript React
3 votes201 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote306 views1 answer
How to update state.item[1] in state using setState? React
Javascript React