chore: avoid repeat rendering for clicking same image

2025-04-18 15:13:51 +08:00
parent ed5afff5d7
commit 6270226ead
1 changed files with 19 additions and 13 deletions
@@ -359,19 +359,25 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
    handleUpdateImageList
  ]);

-  const handleOnImgClick = useCallback((item: any, isOrigin: boolean) => {
-    if (item.progress < 100 && !isOrigin) {
-      return;
-    }
-    setActiveImgUid(item.uid);
-    setImage(item.dataUrl);
-    setImageStatus({
-      isOriginal: isOrigin,
-      isResetNeeded: false,
-      width: item.width,
-      height: item.height
-    });
-  }, []);
+  const handleOnImgClick = useCallback(
+    (item: any, isOrigin: boolean) => {
+      if (item.progress < 100 && !isOrigin) {
+        return;
+      }
+      if (item.uid === activeImgUid) {
+        return;
+      }
+      setActiveImgUid(item.uid);
+      setImage(item.dataUrl);
+      setImageStatus({
+        isOriginal: isOrigin,
+        isResetNeeded: false,
+        width: item.width,
+        height: item.height
+      });
+    },
+    [activeImgUid]
+  );

  useEffect(() => {
    if (imageList.length > 0) {