All images are retrieved instead of one.

Hi!

I am using your cool gallery and I am struggling with calls to server. Probably I am doing something wrong, but I cannot find it. Could you look at it?

I created my component and added simple code

function Gallery() {

    const [serverImages, setserverImages] = useState([]);

    const getLinks = () => {

        let x= window.innerHeight;
        console.log(x);
        console.log("get from endpoint");
        fetch(`https://localhost:5001/api/Images/List?height=`+x, {
            method: 'GET',
            headers: { 'Content-Type': 'application/json' }
        })
            .then(response => response.json())
            .then(result => setserverImages(result));
    }

    const handleClick=function(){
        debugger;
        getLinks();
    }

    return (
        <div>
            <button onClick={handleClick}>zrob</button>
            <ImageGallery items={serverImages} />
        </div>

    )
}

export default Gallery;

Unfortunatelly after each click on the button next, all images are received from server. So I have a gallery loaded. All small pictures below, one big picture in the middle of the screen.

My network is empty

After clicking button next calls to all images is made. And all images are retrieved, each time I am clicking next button.

[ryanhugh]

@pwujczyk Try unchecking the “Disable Cache” in your chrome dev tools and see if that fixes the issue.

see #583

[xiaolin]

closing, feel free to reopen if you find issues.