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 vote336 views1 answer
Take string until react
Javascript React
-1 vote327 views1 answer
Date time react component
Javascript React
11 votes304 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
37 votes283 views5 answers
React sass
Javascript React
0 vote338 views2 answers
Capitalize each word from string in react
Javascript React
1 vote375 views1 answer
Npm react redux logger
Javascript React
0 vote350 views1 answer
React.createElement
Javascript React
0 vote335 views1 answer
React-router useNavigate
Javascript React
0 vote343 views1 answer
React time input
Javascript React
3 votes340 views1 answer
React native nox emulator
Javascript React