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 votes337 views1 answer
React native share
Javascript React
2 votes349 views2 answers
Video in react native stack overflow
Javascript React
0 vote346 views1 answer
@testing-library/react-native switch
Javascript React
1 vote371 views1 answer
"react native" component dynamic children props
Javascript React
2 votes354 views1 answer
Npm install --save react-native-vector-icon
Javascript React
0 vote372 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
0 vote387 views1 answer
Generate ios build react native
Javascript React
0 vote386 views1 answer
React native make safe view in mobile
Javascript React
0 vote378 views1 answer
Ticking clock react js
Javascript React
1 vote343 views1 answer
React emoji picker
Javascript React