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 vote129 views1 answer
React native unexpected token '<'
Javascript React
10 votes141 views3 answers
Query string in react js
Javascript React
0 vote135 views1 answer
Change navigation animation react native
Javascript React
18 votes125 views6 answers
Import svg as react component
Javascript React
-2 votes122 views1 answer
<Link> react import
Javascript React
3 votes120 views3 answers
React hide source code
Javascript React
9 votes81 views4 answers
Firebase' is not defined no-undef react
Javascript React
1 vote163 views1 answer
React conditional array item
Javascript React
0 vote118 views2 answers
React materialize cdn
Javascript React
0 vote120 views1 answer
Opening a link in another tab in react
Javascript React