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 vote370 views1 answer
Float right react native
Javascript React
0 vote499 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote384 views1 answer
Heroku buildpacks with react
Javascript React
0 vote419 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
-1 vote409 views1 answer
Get height component react
Javascript React
0 vote447 views1 answer
React chunk file too large
Javascript React
2 votes398 views1 answer
React state object key value
Javascript React
4 votes391 views2 answers
React materilize
Javascript React
0 vote460 views1 answer
Missing script: "start" react
Javascript React
0 vote359 views1 answer
How to hide footer in specefic pages in react router
Javascript React