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

1 vote151 views2 answers
Toast in react native
Javascript React
0 vote209 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
0 vote149 views3 answers
React-router-dom status code 301
Javascript React
1 vote147 views2 answers
Line break in react
Javascript React
0 vote138 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote150 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote162 views2 answers
React convert excel to json
Javascript React
0 vote158 views1 answer
Hide component blur react hooks
Javascript React
0 vote138 views1 answer
How to put react compnent to bottom
Javascript React
0 vote161 views1 answer
React hooks simple projects
Javascript React