fix:更新循环

src/components/MyModal.tsx

@@ -9,10 +9,10 @@ export function MyModal(props?: any) {
   };
 
   useEffect(() => {
-    if (open && props?.onOpen) {
+    if (open) {
-      props.onOpen();
+      props?.onOpen(true);
     }
-  }, [open, props?.onOpen]);
+  }, [open]);
 
   useImperativeHandle(props.myRef, () => ({
     close,

src/pages/asset/grids/modals/GridShow.tsx

@@ -11,86 +11,90 @@ import { ProCard, ProDescriptions } from '@ant-design/pro-components';
 import { Space } from 'antd';
 import { useState } from 'react';
 
-export default function info(props: MyBetaModalFormProps) {
+export default function Info(props: MyBetaModalFormProps) {
-  const [show, setShow] = useState<any>({});
+  const [getShow, setDataShow] = useState<any>({});
-  const getShow = () => {
-    Apis.Grid.Grids.Show({
-      id: props?.item?.id,
-    })
-      .then((res) => {
-        setShow(res?.data);
-      })
-      .catch(() => false);
-  };
 
   // 只在弹窗打开时获取数据
-  const handleOpen = () => {
-    getShow();
-  };
 
   return (
     <MyModal
       title={props.title || '查看'}
       width="800px"
-      onOpen={handleOpen}
+      onOpen={(e: boolean) => {
+        if (e) {
+          return Apis.Grid.Grids.Show({
+            id: props?.item?.id,
+          })
+            .then((res) => {
+              console.log(res);
+              setDataShow(JSON.parse(JSON.stringify(res?.data)));
+              return false;
+            })
+            .catch(() => false);
+        }
+        console.log(e);
+      }}
       node={
+        <>
           <ProCard extra={props.extra}>
             <ProDescriptions bordered>
               <ProDescriptions.Item label="房屋全名" span={2}>
                 <Space>
-                <span>【{show?.id}】</span>
+                  <span>【{getShow?.id}】</span>
-                {show?.name}
+                  {getShow?.name}
                 </Space>
               </ProDescriptions.Item>
               <ProDescriptions.Item label="房号">
-              {show?.name}
+                {getShow?.name}
               </ProDescriptions.Item>
               <ProDescriptions.Item label="楼层">
-              {show?.floor}
+                {getShow?.floor}
               </ProDescriptions.Item>
               <ProDescriptions.Item label="房屋用途">
                 <renderTextHelper.Tag
                   Enums={AssetHousesUsageEnum}
-                value={show?.usage}
+                  value={getShow?.usage}
                   key="usage"
                 />
               </ProDescriptions.Item>
               <ProDescriptions.Item label="产权性质">
                 <renderTextHelper.Tag
                   Enums={AssetHousesOwnershipTypeEnum}
-                value={show?.ownership_type}
+                  value={getShow?.ownership_type}
                   key="ownership_type"
                 />
               </ProDescriptions.Item>
               <ProDescriptions.Item label="建筑面积">
-              {show?.built_area}m²
+                {getShow?.built_area}m²
               </ProDescriptions.Item>
               <ProDescriptions.Item label="套内面积">
-              {show?.inside_area}m²
+                {getShow?.inside_area}m²
               </ProDescriptions.Item>
               <ProDescriptions.Item label="计费面积">
-              {show?.chargeable_area}m²
+                {getShow?.chargeable_area}m²
               </ProDescriptions.Item>
               <ProDescriptions.Item label="房屋状态">
                 <renderTextHelper.Tag
                   Enums={AssetHousesStatusEnum}
-                value={show?.status}
+                  value={getShow?.status}
                   key="status"
                 />
               </ProDescriptions.Item>
               <ProDescriptions.Item label="户型">
-              {show?.room || ''}房{show?.hall || ''}厅{show?.bathroom || ''}卫
+                {getShow?.room || ''}房{getShow?.hall || ''}厅
-              {show?.kitchen || ''}厨{show?.balcony || ''}阳台
+                {getShow?.bathroom || ''}卫{getShow?.kitchen || ''}厨
+                {getShow?.balcony || ''}阳台
               </ProDescriptions.Item>
               <ProDescriptions.Item label="朝向">
                 <renderTextHelper.Tag
                   Enums={AssetHousesOrientationEnum}
-                value={show?.orientation}
+                  value={getShow?.orientation}
                   key="orientation"
                 />
               </ProDescriptions.Item>
             </ProDescriptions>
           </ProCard>
+        </>
       }
     />
   );