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

5 votes184 views3 answers
How to scroll to an element javascript react
Javascript React
13 votes185 views2 answers
Download react devtools for chrome
Javascript React
0 vote168 views1 answer
React json object pretty
Javascript React
0 vote172 views1 answer
How to validate password and confirm password on react form hook
Javascript React
0 vote202 views1 answer
Storybook react router
Javascript React
-1 vote195 views2 answers
For loop in react native
Javascript React
21 votes183 views3 answers
Map function in react
Javascript React
1 vote198 views1 answer
React get input value on button click functional component
Javascript React
0 vote178 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote196 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React