Skip to content

Commit 7c476e4

Browse files
committed
Make image loading comparison visible
1 parent f039264 commit 7c476e4

2 files changed

Lines changed: 4 additions & 0 deletions

File tree

‎src/content/reference/react-dom/components/img.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -191,6 +191,8 @@ export default function App() {
191191

192192
```js src/image.js hidden
193193
export async function fetchImageSrc() {
194+
// Add a fake delay so the Suspense fallback is visible.
195+
await new Promise(resolve => setTimeout(resolve, 1000));
194196
// Add a unique parameter so the image isn't cached.
195197
return 'https://react.dev/images/team/jack-pope.jpg?t=' + Date.now();
196198
}

‎src/content/reference/react/Suspense.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3119,6 +3119,8 @@ export default function App() {
31193119
31203120
```js src/image.js hidden
31213121
export async function fetchImageSrc() {
3122+
// Add a fake delay so the Suspense fallback is visible.
3123+
await new Promise(resolve => setTimeout(resolve, 1000));
31223124
// Add a unique parameter so the image isn't cached.
31233125
return 'https://react.dev/images/team/jack-pope.jpg?t=' + Date.now();
31243126
}

0 commit comments

Comments
 (0)