초기 로딩시 건수 계산 수정

src/components/flight/NewFlightApprovalsTable.js

@@ -42,10 +42,31 @@ export default function NewFlightApprovalsTable(props) {
   // 수정 키 확인
   const isEditing = record => record.key === editingKey;
 
+  useEffect(() => {
+    let approvalCdValue = { S: 0, F: 0, U: 0 };
+
+    tableData.map(item => {
+      item.areaList.map(area => {
+        if (area.approvalCd === 'S') {
+          approvalCdValue.S += 1;
+        } else if (area.approvalCd === 'F') {
+          approvalCdValue.F += 1;
+        } else {
+          approvalCdValue.U += 1;
+        }
+      });
+    });
+
+    setApprovalCdValue({
+      F: approvalCdValue.F,
+      S: approvalCdValue.S,
+      U: approvalCdValue.U
+    });
+  }, [tableData]);
+
   // 승인, 미승인, 비대상 건수 계산
   useEffect(() => {
     setTableData(laancAprvList);
-    resApprovalCd();
   }, [laancAprvList]);
 
   // 수정 이벤트
@@ -787,30 +808,6 @@ export default function NewFlightApprovalsTable(props) {
     return `${year} 년 ${month} 월 ${day} 일`;
   };
 
-  // 승인, 미승인, 비대상 건수 계산
-  const resApprovalCd = () => {
-    let approvalCdValue = { S: 0, F: 0, U: 0 };
-
-    tableData?.map(item => {
-      item.areaList.map(area => {
-        if (area.approvalCd === 'S') {
-          approvalCdValue.S += 1;
-        } else if (area.approvalCd === 'F') {
-          approvalCdValue.F += 1;
-        } else {
-          approvalCdValue.U += 1;
-        }
-      });
-    });
-
-    setApprovalCdValue({
-      F: approvalCdValue.F,
-      S: approvalCdValue.S,
-      U: approvalCdValue.U
-    });
-  };
-
-  //
   const handleExpand = key => {
     const expanded = expandedRowKeys.includes(key);
     const keys = expanded