How to add images via props to React Carousel Image Gallery?

Question

React

How to add images via props to React Carousel Image Gallery ?

Answer 1

import ImageGallery from 'react-image-gallery';
 
class MyComponent extends React.Component {
 render() {
     return (
      <ImageGallery items={images} />
    );
  }
 
}

where images

const images = [
  {
    original: 'http://lorempixel.com/1000/600/nature/1/',
    thumbnail: 'http://lorempixel.com/250/150/nature/1/',
  },
 {
   original: 'http://lorempixel.com/1000/600/nature/2/',
   thumbnail: 'http://lorempixel.com/250/150/nature/2/'
 },
{
   original: 'http://lorempixel.com/1000/600/nature/3/',
   thumbnail: 'http://lorempixel.com/250/150/nature/3/'
 }
]

it's all there in the doc...