zrozumiecReact.pl

import { useState } from "react";

export default function App() {
    const [activeImg, setActiveImg] = useState(0);

    return (
        <>  
            <h1>Slider</h1>
            <button>Poprzednie</button>
            <button>Następne</button>
            <div>
                {activeImg === 0 && <img src="https://zrozumiecreact.pl/dog.jpg" width="200" /> }
                {activeImg === 1 && <img src="https://zrozumiecreact.pl/cat.jpg" width="200" /> }
                {activeImg === 2 && <img src="https://zrozumiecreact.pl/duck.jpg" width="200" /> }
            </div> 
        </>
    );
}