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

1 vote188 views1 answer
React repeat
Javascript React
4 votes213 views1 answer
React props.children proptype
Javascript React
0 vote192 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
1 vote192 views1 answer
Adding list items in react
Javascript React
0 vote192 views1 answer
Casl react redux
Javascript React
0 vote198 views1 answer
React native navigation paramlist never used
Javascript React
17 votes194 views5 answers
Add background image react native
Javascript React
0 vote167 views1 answer
React open on different url instead of localhost
Javascript React
1 vote202 views1 answer
Share file in react native
Javascript React
0 vote190 views1 answer
${product} meaning in react js
Javascript React