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

145 votes251 views6 answers
Add bootstrap to react
Javascript React
0 vote175 views1 answer
How to change tab color react bootstraps customixation
Javascript React
0 vote109 views1 answer
React clear input after button click
Javascript React
0 vote99 views1 answer
ExoPlayer with auto linking react native
Javascript React
0 vote106 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote102 views1 answer
Event handling in react documentation
Javascript React
0 vote109 views1 answer
Retour à la ligne react native
Javascript React
2 votes106 views1 answer
Make page refresh on top in react js
Javascript React
0 vote107 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote90 views1 answer
Floating button react
Javascript React