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

1 vote333 views1 answer
Proactive vs reactive
Javascript React
1 vote340 views3 answers
Window.innerHeight react js
Javascript React
0 vote353 views1 answer
Get started with datagrid in react js
Javascript React
2 votes348 views1 answer
If back react
Javascript React
0 vote341 views1 answer
React clone element
Javascript React
32 votes360 views1 answer
React roouter dom
Javascript React
0 vote337 views1 answer
Handle an input with React hooks
Javascript React
16 votes366 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
11 votes359 views3 answers
Reactjs get url query params as object
Javascript React
0 vote352 views1 answer
React js create element
Javascript React