Next.js · Middle · Frage 13 von 75
Wie vermeidet man eine Request-Kaskade, wenn eine Komponente unabhängige getUser() und getPosts() braucht?
- 1Beide Requests in getrennte
useEffectauf dem Client verlagern - 2Sie nacheinander mit zwei getrennten
awaitaufrufen - 3Beide Requests zugleich starten und mit
Promise.allwarten
Antwort zeigen
Richtige Antwort: Beide Requests zugleich starten und mit Promise.all warten
Erklärung
Aufeinanderfolgende await addieren die Wartezeit. const [user, posts] = await Promise.all([getUser(), getPosts()]) führt sie parallel aus. Eine andere Möglichkeit: Promises nach unten reichen und unter getrennten Suspense-Grenzen mit use() auspacken, sodass Teile der UI unabhängig erscheinen.