大咖直播预约弹窗重复

src/components/blessingPreheat/live/index.js

@@ -12,6 +12,8 @@ import { withRouter } from 'react-router-dom'
 @connect(state => ({user: state.user}))
 class Live extends Component {
 
+  popupInstance = null
+
   state = {
     tabs: [],
     lives: {},
@@ -89,11 +91,11 @@ class Live extends Component {
   saveImage = () => {
     let version = getParam('version')
     version = typeof version === 'string' ? version.replace('.', '').replace('.', '').slice(0, 3) : ''
-    const {QRCodeUrl} = this.state;
+    const {QRCodeUrl} = this.state
     if (version && parseInt(version) < 451) {
       Toast.info('当前不支持此功能，升级到最新版本app可以点击保存二维码！', 2, null, false)
     } else {
-      SendMessageToApp('generateQRCode', QRCodeUrl);
+      SendMessageToApp('generateQRCode', QRCodeUrl)
     }
   }
 
@@ -106,26 +108,29 @@ class Live extends Component {
       .then(res => {
         const {data} = res
         if (data.errno == 200) {
-          this.setState(()=>({
+          this.setState(() => ({
             QRCodeUrl: data.data.url,
-          }));
+          }))
           QRCode.toDataURL(data.data.url, (err, url) => {
-            Popup({
-              title: '扫码关注“七月在线”服务号即可预约',
-              content: (
-                <>
-                  <img id={'live-qr-code'} src={url} alt=""/>
-                  {
-                    browser.isAndroidApp ? (
-                      <button className={'save-image'} onClick={this.saveImage}>保存二维码</button>
-                    ) : (
-                      null
-                    )
-                    
-                  }
-                </>
-              )
-            })
+            if (!this.popupInstance) {
+              this.popupInstance = Popup({
+                title: '扫码关注“七月在线”服务号即可预约',
+                content: (
+                  <>
+                    <img id={'live-qr-code'} src={url} alt=""/>
+                    {
+                      browser.isAndroidApp ? (
+                        <button className={'save-image'} onClick={this.saveImage}>保存二维码</button>
+                      ) : null
+                    }
+                  </>
+                ),
+                close: () => new Promise(resolve => {
+                  this.popupInstance = null
+                  resolve()
+                })
+              })
+            }
           })
         } else {
           Toast.info(data.msg, 2, null, false)