|
<ReactSlick |
|
{...{ |
|
dots: true, |
|
infinite: true, |
|
speed: 500, |
|
slidesToShow: 1, |
|
slidesToScroll: 1 |
|
}} |
|
{...rsProps} |
|
> |
|
{dataSource.map((src, index) => ( |
|
<div key={index}> |
|
<ReactImageMagnify |
|
{...{ |
|
smallImage: { |
|
alt: 'Wristwatch by Versace', |
|
isFluidWidth: true, |
|
src: src.small, |
|
srcSet: src.srcSet, |
|
sizes: '(max-width: 480px) 100vw, (max-width: 1200px) 30vw, 360px' |
|
}, |
|
largeImage: { |
|
src: src.large, |
|
width: 1426, |
|
height: 2000 |
|
}, |
|
lensStyle: { backgroundColor: 'rgba(0,0,0,.6)' } |
|
}} |
|
{...rimProps} |
|
/> |
|
</div> |
|
))} |
|
</ReactSlick> |
Warning: Lens: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

react-image-magnify/example/src/components/ReactSlick.js
Lines 60 to 92 in ff834d0
Warning: Lens: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
