Dynamic images with Pagination

[darpan-stagebit]

How can we append additional images loaded with pagination from some kind of API calls?

[zvonimirr]

As an 'image' is just a child element you could do something like this:

const [images, setImages] = useState([]);

useEffect(function fetchImages() {
  // fetch images...
}, []);

return <Masonry>{images.map(image => <img src={image.src} />)}</Masonry>