react 点击图片放大(利用antd-mobile里的Modal)

//引入
import {Modal} from "antd-mobile";
//state
 this.state = {
     isShow:false,
      imgSrc:""
    };
//fun
onClose =() => {
    this.setState({
     imgShow: false
    });
  }
 imgShow=(e)=>{
 
  if(e.target.nodeName==="IMG"){ //判断img 节点
    this.setState({
      imgShow:true,
      imgSrc:e.target.src
    })
  }
 }
      { console.log('ok'); this.onClose();} }]}
          wrapProps={{ onTouchStart: this.onWrapTouchStart }}
          
        >
         
        
        

    //要点击放大的图片

效果:


QQ截图20191017114123.png

QQ截图20191017114130.png

你可能感兴趣的:(react 点击图片放大(利用antd-mobile里的Modal))