修改有订单时条码页显示问题

src/pages/BarCode/BarCode.tsx

-import Taro, { Component } from '@tarojs/taro';
+import Taro, { Component, useEffect } from '@tarojs/taro';
 import { ComponentClass } from 'react';
 import { View, Canvas, Image, Text } from '@tarojs/components';
 
@@ -164,6 +164,12 @@ class BarCode extends Component {
         state.orderState.waitPayOrderState,
     );
 
+    useEffect(() => {
+      if (!payOrderState) {
+        this.drawBarCode();
+      }
+    }, [payOrderState]);
+
     return (
       <View className='BarCode'>
         <WaitPayOrderComponent />
@@ -180,16 +186,19 @@ class BarCode extends Component {
               src={RefreshIcon}
               onClick={this.refreshCodeBar}
             />
-            <View className={`BarCodeImg ${showBig ? 'BarCodeImgBig' : ''}`}>
-              <Canvas
-                className={`BarCodeCav ${showBig ? 'show' : ''}`}
-                canvasId='BarCodeBig'
-              />
-              <Canvas
-                className={`BarCodeCav ${showBig ? '' : 'show'}`}
-                canvasId='BarCode'
-              />
-            </View>
+            {payOrderState ? null : (
+              <View className={`BarCodeImg ${showBig ? 'BarCodeImgBig' : ''}`}>
+                <Canvas
+                  className={`BarCodeCav ${showBig ? 'show' : ''}`}
+                  canvasId='BarCodeBig'
+                />
+                <Canvas
+                  className={`BarCodeCav ${showBig ? '' : 'show'}`}
+                  canvasId='BarCode'
+                />
+              </View>
+            )}
+
             <View className='toggleBtn' onClick={this.toggleBigBarCode}>
               <Image
                 className={`arricon ${showBig ? 'rever' : ''}`}