From 3a02c13dfe2aa83bc193e1a8c61c71d363ff1676 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Mon, 17 Nov 2025 10:30:57 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=AF=84=E8=AE=BA?=
 =?UTF-8?q?=E5=9C=A8=E6=89=80=E6=9C=89=E4=BA=8B=E4=BB=B6=E4=B8=AD=E4=B8=B2?=
 =?UTF-8?q?=E8=81=94=E6=98=BE=E7=A4=BA=E7=9A=84=E4=B8=A5=E9=87=8D=20Bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题描述：
- 在事件 A 下发表评论后，该评论会出现在事件 B、C 等所有事件下
- 切换事件时，评论列表没有重新加载，导致数据混乱

根本原因：
- usePagination Hook 的 useEffect 只依赖 autoLoad（常量）
- 当 eventId 变化时，loadCommentsFunction 被重新创建（包含新的 eventId）
- 但 useEffect 不会重新执行，导致旧数据（上一个事件的评论）持续显示

修复方案：
- 在 useEffect 依赖数组中添加 loadFunction
- 当 loadFunction 变化时（eventId 变化 → loadCommentsFunction 变化）
- useEffect 重新执行，加载新事件的评论数据

影响范围：
- EventCommentSection 组件（评论区）
- 所有使用 usePagination Hook 的组件都会受益于此修复
- 确保数据隔离性和正确性

🤖 Generated with Claude Code
---
 src/hooks/usePagination.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/hooks/usePagination.ts b/src/hooks/usePagination.ts
index 2aec3c36..2010d298 100644
--- a/src/hooks/usePagination.ts
+++ b/src/hooks/usePagination.ts
@@ -120,7 +120,7 @@ export function usePagination<T>(
       loadData(1, false);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [autoLoad]);
+  }, [autoLoad, loadFunction]);
 
   return {
     data,