react-router实战之弹框画廊实现

 

1.简介

 

其实就是实现一个类似图片相册之类的效果，点击图片时背景的图片列表不变，但是出现图片弹框

 

2.实例

 

import React, { MouseEventHandler } from "react";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link,
  useHistory,
  useLocation,
  useParams
} from "react-router-dom";

export default function ModalGalleryExample() {
  return (
    
      
    
  );
}

function ModalSwitch() {
  let location = useLocation();

  let background = location.state && (location.state as any).background;

  return (
    

      
        } />
        } />
        } />