From dbbd7a1ed78d2d4d74c6d39efb21e9753e6fb09d Mon Sep 17 00:00:00 2001 From: wonfen Date: Sat, 22 Mar 2025 04:34:19 +0800 Subject: [PATCH] perf: optimize proxy refresh mechanism for home page current proxy card --- src/components/home/current-proxy-card.tsx | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/src/components/home/current-proxy-card.tsx b/src/components/home/current-proxy-card.tsx index 93a45c27..00e23eb7 100644 --- a/src/components/home/current-proxy-card.tsx +++ b/src/components/home/current-proxy-card.tsx @@ -280,15 +280,14 @@ export const CurrentProxyCard = () => { } }, [currentProxy, fetchProxyData, state.displayProxy]); - // 平滑的定期刷新,使用固定间隔 + // 监听模式变化,确保直连模式切换时能够刷新状态 + useEffect(() => { + fetchProxyData(true); + }, [mode, fetchProxyData]); + + // 移除定时刷新,只在组件挂载时获取一次数据 useEffect(() => { fetchProxyData(); - - const intervalId = setInterval(() => { - fetchProxyData(); - }, 3000); // 使用固定的3秒间隔,平衡响应速度和性能 - - return () => clearInterval(intervalId); }, [fetchProxyData]); // 计算要显示的代理选项 - 使用 useMemo 优化