реакция-пятно с реакцией-изображением-зумом конфликт изображения зум не работает - PullRequest
Новая
       33

реакция-пятно с реакцией-изображением-зумом конфликт изображения зум не работает

0 голосов
/ 19 декабря 2018

Я хочу увеличить изображение с помощью мульти-слайдера, например, продукта eCommerce, но response-image-zoom вступает в противоречие с response-slick 

import Slider from 'react-slick';
import ReactImageZoom from 'react-image-zoom';

class product extends Component {
render(){

var products = {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false,
        arrows: true,
        fade: true
    };

const props = {
        width: 480,
        height:680,
        scale:0.8,
        zoomWidth:500,
        offset:{"vertical":0,"horizontal":10},
        img: "../../assets/images/fashion/product/1.jpg",
        zoomLensStyle:"opacity: 0.4;background-color: black;"
    };

return (
<Slider {...products} className="product-slick">
        <div>
           <ReactImageZoom {...props} />
        </div>
        <div>
           <ReactImageZoom {...props} />
        </div>
        <div>
           <ReactImageZoom {...props} />
        </div>
</Slider>)
  }
}

export default Product;

только последний работает масштабирование слайд-изображения

любой, пожалуйста, помогите, спасибоВы

...