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 vote346 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
-2 votes305 views1 answer
Multiple image upload react
Javascript React
6 votes310 views2 answers
Hr react
Javascript React
0 vote347 views1 answer
Rotas react com axios
Javascript React
0 vote307 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote271 views1 answer
React-simple-star-rating
Javascript React
0 vote358 views1 answer
How to add icon in react
Javascript React
0 vote346 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote293 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote292 views1 answer
Nested ternaries react
Javascript React