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 vote124 views1 answer
React hooks, react custom hooks
Javascript React
0 vote172 views1 answer
React include a polyfill webpack v5
Javascript React
2 votes106 views1 answer
Path.split is not a function react hook use form
Javascript React
0 vote165 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote114 views1 answer
User account in react
Javascript React
18 votes131 views6 answers
Import svg react
Javascript React
1 vote98 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote121 views1 answer
React native anination 2 valuse
Javascript React
0 vote101 views1 answer
Onclick hold react
Javascript React
-1 vote106 views1 answer
Timestamp to unix time react
Javascript React