fix: products计算使用useMemo避免重复排序的性能回归

2026-07-30 00:57:58 +08:00
parent e204b91102
commit 6526c56bf5
1 changed files with 10 additions and 7 deletions
@@ -1,3 +1,4 @@
+import { useMemo } from "react"
 import { useQuery } from "@tanstack/react-query"
 import { getProducts, type ProductItem as ApiProductItem } from "@/api/products"
 import { mapApiProduct } from "../../utils"
@@ -21,13 +22,15 @@ export const useProductList = () => {
  })

  // 映射为前端类型，按创建时间倒序排列，防御非数组返回
-  const products = (Array.isArray(apiProducts) ? apiProducts : [])
-    .map(mapApiProduct)
-    .sort((a, b) => {
-      if (!a.date || a.date === "—") return 1
-      if (!b.date || b.date === "—") return -1
-      return new Date(b.date).getTime() - new Date(a.date).getTime()
-    })
+  const products = useMemo(
+    () =>
+      (Array.isArray(apiProducts) ? apiProducts : []).map(mapApiProduct).sort((a, b) => {
+        if (!a.date || a.date === "—") return 1
+        if (!b.date || b.date === "—") return -1
+        return new Date(b.date).getTime() - new Date(a.date).getTime()
+      }),
+    [apiProducts],
+  )

  /* 筛选 */
  const {