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 vote183 views2 answers
React native: how to know th softkey height
Javascript React
11 votes167 views2 answers
React must be in scope when using jsx
Javascript React
0 vote162 views1 answer
How to make your own drop down react native
Javascript React
1 vote152 views3 answers
Click outside React component
Javascript React
0 vote205 views1 answer
Download images from http link in react
Javascript React
0 vote223 views1 answer
Install react hotjar
Javascript React
0 vote164 views1 answer
Row smaller than the container bootstrap react
Javascript React
0 vote157 views1 answer
React native add two view
Javascript React
10 votes160 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
1 vote147 views1 answer
React router base url
Javascript React