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 vote222 views1 answer
React-bootstrap problem-install new version
Javascript React
1 vote207 views1 answer
Firebase react router page not found on page refresh
Javascript React
0 vote212 views1 answer
Dispatch event not working react native redux
Javascript React
0 vote229 views1 answer
React input mask ref
Javascript React
0 vote235 views1 answer
React native run-android --release
Javascript React
0 vote240 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
0 vote249 views2 answers
Reactjs firebase timestamp to date
Javascript React
0 vote248 views1 answer
React tagInput component
Javascript React
61 votes190 views6 answers
Reactjs router
Javascript React
-1 vote209 views2 answers
How to validate date in react
Javascript React