Skip to content

Commit f18bf13

Browse files
committed
[change] Image - remove requestRef - no longer needed
1 parent 44642cd commit f18bf13

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
@@ -206,7 +206,6 @@ const Image: React.AbstractComponent<
206206
const hasTextAncestor = React.useContext(TextAncestorContext);
207207
const hiddenImageRef = React.useRef(null);
208208
const filterRef = React.useRef(_filterId++);
209-
const requestRef = React.useRef(null);
210209
const shouldDisplaySource =
211210
state === LOADED || (state === LOADING && defaultSource == null);
212211
const [flatStyle, _resizeMode, filter, tintColor] = getFlatStyle(
@@ -262,7 +261,7 @@ const Image: React.AbstractComponent<
262261

263262
// Image loading
264263
React.useEffect(() => {
265-
abortPendingRequest();
264+
let requestId;
266265

267266
const uri = resolveAssetUri(source);
268267
if (uri != null) {
@@ -271,7 +270,7 @@ const Image: React.AbstractComponent<
271270
onLoadStart();
272271
}
273272

274-
requestRef.current = ImageLoader.load(
273+
requestId = ImageLoader.load(
275274
{ uri, headers: source?.headers },
276275
function load(result) {
277276
updateState(LOADED);
@@ -300,10 +299,7 @@ const Image: React.AbstractComponent<
300299
}
301300

302301
function abortPendingRequest() {
303-
if (requestRef.current != null) {
304-
ImageLoader.abort(requestRef.current);
305-
requestRef.current = null;
306-
}
302+
if (requestId) ImageLoader.abort(requestId);
307303
}
308304

309305
return abortPendingRequest;

0 commit comments

Comments
 (0)