react有很多好玩的组件,react-grid-gallery就是其中一个,主要处理图片展示,对图片进行放大与缩小
文档:https://www.npmjs.com/package/react-grid-gallery
demo:https://benhowell.github.io/react-grid-gallery
gallery的options
images: 图片路径
结构为: [{
src: imgUrl,
thumbnail: imgUrl,
}, {
src: imgUrl,
thumbnail: imgUrl,
}, {
src: imgUrl,
thumbnail: imgUrl,
}]
backdropClosesModal: 用户点击背景是否会隐藏掉modal(boolean)
showCloseButton: 是否显示关闭按钮(boolean)
backdropClosesModal与showCloseButton可以配合使用,达到想要的效果
images中也有一些option
thumbnailWidth:图片宽度
thumbnailHeight: 图片高度
caption: 图片的标题