Check if the image was already loaded before firing afterLoad

Aljullu · Aljullu · commit 87c4a28fc0e0 · 2018-03-20T21:11:02.000+01:00
diff --git a/src/components/LazyLoadImage.jsx b/src/components/LazyLoadImage.jsx
@@ -13,6 +13,10 @@ class LazyLoadImage extends React.Component {
   }
 
   onImageLoad() {
+    if (this.state.loaded) {
+      return null;
+    }
+
     return () => {
       this.props.afterLoad();
 

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,10 @@ class LazyLoadImage extends React.Component {`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`onImageLoad() {`
	`16`	`+ if (this.state.loaded) {`
	`17`	`+ return null;`
	`18`	`+ }`
	`19`	`+`
`16`	`20`	`return () => {`
`17`	`21`	`this.props.afterLoad();`
`18`	`22`