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 vote118 views2 answers
React native countdown
Javascript React
36 votes116 views2 answers
Ref hook in react
Javascript React
2 votes123 views2 answers
Update specific properties of an object react spread operator
Javascript React
1 vote121 views1 answer
Adding media queries in makeStyle material react
Javascript React
0 vote123 views1 answer
React native custom debounce input
Javascript React
0 vote127 views1 answer
Import typography react
Javascript React
1 vote108 views1 answer
How to change the tab text in React
Javascript React
1 vote72 views1 answer
React use callback
Javascript React
1 vote114 views2 answers
How to create react native app
Javascript React
1 vote130 views1 answer
Textfield label language react
Javascript React