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

3 votes182 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote195 views1 answer
Eject expo app to android and react native
Javascript React
0 vote178 views2 answers
Drag n drop file upload react
Javascript React
6 votes216 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
0 vote180 views1 answer
Unexpected token react
Javascript React
-1 vote221 views1 answer
React-native-geolocation-service
Javascript React
11 votes176 views4 answers
React native flatlist
Javascript React
0 vote179 views1 answer
Limit data with axios in react js
Javascript React
3 votes201 views4 answers
Import in react
Javascript React
7 votes166 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React