From e3a8ff503681f73ea7ba3774ea6a10df3ce2eada Mon Sep 17 00:00:00 2001
From: troyeguo <13820674+troyeguo@users.noreply.github.com>
Date: Mon, 3 Aug 2020 17:34:14 +0800
Subject: [PATCH] fix bug

Former-commit-id: d5901293c467a348ad2f307360d9fc1cfc1808ff
---
 src/containers/viewArea/component.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/containers/viewArea/component.tsx b/src/containers/viewArea/component.tsx
index 335dff3c..e3546ce9 100644
--- a/src/containers/viewArea/component.tsx
+++ b/src/containers/viewArea/component.tsx
@@ -17,15 +17,18 @@ class ViewArea extends React.Component<ViewAreaProps, ViewAreaStates> {
     });
   }
   showImage = (event: any) => {
+    if (this.state.isShowImage) {
+      this.setState({ isShowImage: false });
+    }
     event.preventDefault();
     console.log(event.target);
     if (event.target.src) {
       let image: HTMLImageElement | null = document.querySelector(".image");
       if (image) {
         image.src = event.target.src;
+        this.setState({ isShowImage: true });
       }
     }
-    this.setState({ isShowImage: true });
   };
   hideImage = (event: any) => {
     event.preventDefault();
@@ -40,14 +43,14 @@ class ViewArea extends React.Component<ViewAreaProps, ViewAreaStates> {
       <div className="view-area">
         <div
           className="image-preview"
-          onClick={(event) => {
-            this.hideImage(event);
-          }}
           style={
             this.state.isShowImage
               ? { backgroundColor: "rgba(75,75,75,0.3)" }
               : { display: "none" }
           }
+          onClick={(event) => {
+            this.hideImage(event);
+          }}
         >
           <img src="" alt="" className="image" />
         </div>