好用的图片预览插件 —— react-photo-view

1.下载插件 react-photo-view

yarn add react-photo-view

2.使用

import { PhotoProvider, PhotoView } from 'react-photo-view';
import 'react-photo-view/dist/react-photo-view.css';
import photo1 from './1.jpg';
import photo2 from './2.jpg';

export default function Index() {
  const photoes = [photo1, photo2];
    
  return (
    <PhotoProvider photoClosable>
        {
           photoes.map((photo) => {
               return 
                   <PhotoView src={photo}>
                        <Image src={photo} alt={photo} />
                   </PhotoView>
           }) 
        }
       
   </PhotoProvider>
}

3.效果预览网站 minjieliu.github.io/react-photo…