response-image-gallery и несколько галерей - PullRequest
Новая
       12

response-image-gallery и несколько галерей

0 голосов
/ 17 марта 2020

Я использую response-image-gallery для моего слайдера. У меня 3 страницы в реакции-роутере, и я хочу показать разные картинки на каждой странице. Вопрос в том, как сказать Галерее, какие фотографии она должна показывать? Это выглядит так: 

import React from 'react';
import ImageGallery from 'react-image-gallery';
import "../styles/image-gallery.css"
const standard = [
{
    original: 'https://i.ibb.co/cJVSxHc/slide1.jpg',
    thumbnail: 'https://i.ibb.co/cJVSxHc/slide1.jpg',
},
{
    original: 'https://i.ibb.co/JHGbyP8/slide3.jpg',
    thumbnail: 'https://i.ibb.co/JHGbyP8/slide3.jpg',
},
{
    original: 'https://i.ibb.co/hsJWYzX/slide4.jpg',
    thumbnail: 'https://i.ibb.co/hsJWYzX/slide4.jpg',
},
{
    original: 'https://i.ibb.co/K04stmq/slide5.jpg',
    thumbnail: 'https://i.ibb.co/K04stmq/slide5.jpg',
},

];
const apartment = [
{
    original: 'https://i.ibb.co/nc5tSv5/apartament.jpg',
    thumbnail: 'https://i.ibb.co/nc5tSv5/apartament.jpg',
},
{
    original: 'https://i.ibb.co/nwMHD5K/apartament2.jpg',
    thumbnail: 'https://i.ibb.co/nwMHD5K/apartament2.jpg',
},
{
    original: 'https://i.ibb.co/Xxxrgf1/apartament3.jpg',
    thumbnail: 'https://i.ibb.co/Xxxrgf1/apartament3.jpg',
},
{
    original: 'https://i.ibb.co/w6C44qy/apartament4.jpg',
    thumbnail: 'https://i.ibb.co/w6C44qy/apartament4.jpg',
},
];
class Slideshow extends React.Component {
render() {
    return <ImageGallery items={standard} />;
}
}

 export default Slideshow
...