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

2 votes157 views2 answers
React native text get number of lines
Javascript React
0 vote166 views1 answer
React native getting older version assets
Javascript React
19 votes221 views6 answers
Convert svg to react component
Javascript React
0 vote139 views1 answer
Clear React Native TextInput
Javascript React
8 votes152 views2 answers
React on link click scroll to top
Javascript React
0 vote139 views1 answer
Options not working properly in reactjs
Javascript React
0 vote154 views1 answer
React bootstrap carousel caption placement top
Javascript React
-1 vote170 views2 answers
React map example leaflets
Javascript React
1 vote154 views1 answer
React native image border radius not working
Javascript React
2 votes146 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React