Skip to content

Commit 88a77ea

Browse files
committed
[change] Image - remove requestRef - no longer needed
1 parent bdb29e8 commit 88a77ea

File tree

1 file changed

+3
-7
lines changed
  • packages/react-native-web/src/exports/Image

1 file changed

+3
-7
lines changed

packages/react-native-web/src/exports/Image/index.js

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,6 @@ const Image: React.AbstractComponent<
201201
const hasTextAncestor = React.useContext(TextAncestorContext);
202202
const hiddenImageRef = React.useRef(null);
203203
const filterRef = React.useRef(_filterId++);
204-
const requestRef = React.useRef(null);
205204
const shouldDisplaySource =
206205
state === LOADED || (state === LOADING && defaultSource == null);
207206
const [flatStyle, _resizeMode, filter, tintColor] = getFlatStyle(
@@ -257,7 +256,7 @@ const Image: React.AbstractComponent<
257256

258257
// Image loading
259258
React.useEffect(() => {
260-
abortPendingRequest();
259+
let requestId;
261260

262261
const uri = resolveAssetUri(source);
263262
if (uri != null) {
@@ -266,7 +265,7 @@ const Image: React.AbstractComponent<
266265
onLoadStart();
267266
}
268267

269-
requestRef.current = ImageLoader.load(
268+
requestId = ImageLoader.load(
270269
{ uri, headers: source?.headers },
271270
function load(result) {
272271
updateState(LOADED);
@@ -295,10 +294,7 @@ const Image: React.AbstractComponent<
295294
}
296295

297296
function abortPendingRequest() {
298-
if (requestRef.current != null) {
299-
ImageLoader.abort(requestRef.current);
300-
requestRef.current = null;
301-
}
297+
if (requestId) ImageLoader.abort(requestId);
302298
}
303299

304300
return abortPendingRequest;

0 commit comments

Comments
 (0)