fix(@hippy/react-web): fix Image repeatedly triggering onError

Tencent · Jul 17, 2023 · 68727ac · 68727ac
1 parent 89f8ec0
commit 68727ac
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/hippy-react-web/src/components/image.tsx b/packages/hippy-react-web/src/components/image.tsx
@@ -131,6 +131,7 @@ const Image: React.FC<ImageProps> = React.forwardRef((props: ImageProps, ref) =>
   useElementLayout(imgRef, onLayout);
 
   const [imgSource, setImgSource] = useState(defaultSource ? { uri: defaultSource } : source);
+  const [loadedSource, setLoadedSource] = useState('');
 
   const onImageLoad = () => {
     if (onLoad && isFunc(onLoad)) {
@@ -154,10 +155,11 @@ const Image: React.FC<ImageProps> = React.forwardRef((props: ImageProps, ref) =>
       });
     }
     onLoadEnd();
+    setLoadedSource(source.uri);
   };
 
-  // load source url when provide defaultSource
-  if (imgSource.uri !== source.uri) {
+  // first load source url when provide defaultSource
+  if (imgSource.uri !== source.uri && loadedSource !== source.uri) {
     ImageLoader.load(source.uri, () => {
       setImgSource(source);
       onImageLoad();