react组件（react-grid-gallery）

      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: 图片的标题

 

转载于:https://www.cnblogs.com/yezi-dream/p/9281651.html