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 vote276 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
6 votes282 views2 answers
React native activity indicator
Javascript React
1 vote243 views1 answer
Yup only characters regex validation react
Javascript React
0 vote271 views1 answer
Appregistry react native
Javascript React
3 votes237 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
8 votes255 views2 answers
React fragment
Javascript React
1 vote255 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
1 vote249 views1 answer
Lazy loading pagination react npm
Javascript React
9 votes251 views3 answers
React import font awesome
Javascript React
0 vote256 views1 answer
Remarkable react js
Javascript React