反应图像画廊和多个画廊

时间:2020-03-17 20:16:32

标签: reactjs gallery

我正在将react-image-gallery用于其滑块。我在react-router中有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

0 个答案:

没有答案