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 vote170 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
5 votes136 views1 answer
Laravel using react
Javascript React
2 votes133 views3 answers
React native component at bottom center
Javascript React
105 votes159 views1 answer
React simbu
Javascript React
0 vote89 views0 answer
React
Javascript React
0 vote153 views1 answer
Start live server react js
Javascript React
0 vote143 views1 answer
Configure the Chrome debugger react
Javascript React
3 votes140 views4 answers
Import in react
Javascript React
0 vote87 views1 answer
Store data with props in react js
Javascript React
0 vote266 views1 answer
Canvas js in react
Javascript React