From 2ea2ec56ec5457086b8ac9cb57878267876c265f Mon Sep 17 00:00:00 2001
From: yokowu <18836617@qq.com>
Date: Mon, 1 Sep 2025 14:35:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=88=90=E5=91=98?=
 =?UTF-8?q?=E7=BB=84=E6=90=9C=E7=B4=A2=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/pages/memberManage/groupList.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/ui/src/pages/memberManage/groupList.tsx b/ui/src/pages/memberManage/groupList.tsx
index 9afd10a..33dcf53 100644
--- a/ui/src/pages/memberManage/groupList.tsx
+++ b/ui/src/pages/memberManage/groupList.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState, useMemo } from 'react';
 import Card from '@/components/card';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
 import { useRequest } from 'ahooks';
@@ -35,17 +35,18 @@ const GroupList = () => {
   const userData = useRequest(() => getListUser({}));
   const adminData = useRequest(() => getListAdminUser({}));
   const [searchUser, setSearchUser] = useState('');
-  const [data, setData] = useState<DomainUserGroup[]>([]);
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
 
-    useEffect(()=>{
-    if(searchUser){
-      setData(groupData?.data?.groups?.filter((item)=>
-        (item.name ||'').toLowerCase()?.includes(searchUser.toLowerCase())) || []);
-    }else {
-      setData(groupData?.data?.groups || []);
+  const filteredData = useMemo(() => {
+    if (!groupData?.data?.groups) return [];
+    if (searchUser) {
+      return groupData.data.groups.filter((item) =>
+        (item.name || '').toLowerCase().includes(searchUser.toLowerCase())
+      );
     }
-  },[searchUser, groupData])
+    return groupData.data.groups;
+  }, [searchUser, groupData?.data?.groups]);
+
   const handleClick = (
     event: React.MouseEvent<HTMLButtonElement>,
     record: DomainUserGroup
@@ -296,7 +297,7 @@ const GroupList = () => {
       <Table
         columns={columns}
         height='calc(100% - 53px)'
-        dataSource={data}
+        dataSource={filteredData}
         sx={{ mx: -2 }}
         pagination={false}
         rowKey='id'