You are viewing a single comment's thread. Return to all comments →
import React, { useState } from 'react';
function Slides({ slides }) { const [currentSlide, setCurrentSlide] = useState(0);
const handleNext = () => { if (currentSlide < slides.length - 1) { setCurrentSlide(currentSlide + 1); } };
const handlePrev = () => { if (currentSlide > 0) { setCurrentSlide(currentSlide - 1); } };
const handleRestart = () => { setCurrentSlide(0); };
return ( Restart Prev Next {slides[currentSlide].title} {slides[currentSlide].text}
export default Slides;
Seems like cookies are disabled on this browser, please enable them to open this website
Slideshow
You are viewing a single comment's thread. Return to all comments →
import React, { useState } from 'react';
function Slides({ slides }) { const [currentSlide, setCurrentSlide] = useState(0);
const handleNext = () => { if (currentSlide < slides.length - 1) { setCurrentSlide(currentSlide + 1); } };
const handlePrev = () => { if (currentSlide > 0) { setCurrentSlide(currentSlide - 1); } };
const handleRestart = () => { setCurrentSlide(0); };
return ( Restart Prev Next {slides[currentSlide].title} {slides[currentSlide].text}
); }export default Slides;