Next.js · Junior · Frage 39 von 75
Wie lädt man in Next.js eine schwere Client Component lazy?
- 1Mit
importinuseEffect, gespeichert im Zustand - 2Mit einem Attribut
lazyan der Komponente in JSX - 3Mit
next/dynamic(oderReact.lazy+Suspense)
Antwort zeigen
Richtige Antwort: Mit next/dynamic (oder React.lazy + Suspense)
Erklärung
const Chart = dynamic(() => import('./Chart')) verlagert den Code in einen eigenen Chunk und erlaubt, loading anzugeben. Die Option ssr: false schaltet das Server-Rendering ab, ist aber nur in Client Components nutzbar. Server Components landen ohnehin nicht im Bundle.