unmount ImgCancelable

lazyxu · Jan 18, 2024 · 06de620 · 06de620
1 parent aeced60
commit 06de620
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/ui/packages/common/components/ImgCancelable/index.jsx b/ui/packages/common/components/ImgCancelable/index.jsx
@@ -8,16 +8,22 @@ const useGetState = (initiateState) => {
     return [state, setState, getState];
 };
 
-export default ({ isNative, src, inView, renderImg, renderSkeleton }) => {
-    const [url, setUrl] = useState();
+export default ({ isNative, src, inView = true, renderImg, renderSkeleton }) => {
+    const [url, setUrl, getUrl] = useGetState();
     const [loaded, setLoaded, getLoaded] = useGetState(0);
     const controller = useRef(new AbortController());
+    useEffect(() => {
+        return () => {
+            // console.log("unmount", src);
+            controller.current.abort();
+        }
+    }, []);
     useEffect(() => {
         const l = getLoaded();
         // console.log(src, inView, l);
         if (inView && l === 0) {
             setLoaded(1);
-            // console.log(src, "fetch");
+            // console.log("mount", src);
             fetch(src, {
                 method: 'get',
                 signal: controller.current.signal,