更新BK缓存策略

src/routes/sectors.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { useState, useEffect, useMemo } from "react";
+import { useState, useEffect, useMemo, useRef } from "react";
 import { fetchSectors, type SectorItem, type SectorType } from "@/lib/stock-api";
 import { Card, CardContent } from "@/components/ui/card";
 import { ArrowLeft, TrendingUp, TrendingDown, RefreshCw } from "lucide-react";
@@ -21,17 +21,25 @@ function SectorsPage() {
   const [data, setData] = useState<SectorItem[]>([]);
   const [loading, setLoading] = useState(true);
   const [sort, setSort] = useState<SortMode>("mainNetInflow");
+  const abortRef = useRef<AbortController | null>(null);
 
   const loadData = (t: SectorType) => {
+    // 取消上次未完成的请求
+    abortRef.current?.abort();
+    const controller = new AbortController();
+    abortRef.current = controller;
     setLoading(true);
-    fetchSectors(t).then((items) => {
-      setData(items);
-      setLoading(false);
+    fetchSectors(t, controller.signal).then((items) => {
+      if (!controller.signal.aborted) {
+        setData(items);
+        setLoading(false);
+      }
     });
   };
 
   useEffect(() => {
     loadData(tab);
+    return () => abortRef.current?.abort();
   }, [tab]);
 
   const sorted = useMemo(() => {