React · Junior · Frage 37 von 75
Warum scheitert lazy(() => import('./Chart')), wenn Chart.tsx nur export function Chart enthält?
- 1Eine Komponente für
lazymuss eine Klassenkomponente sein - 2
lazyerwartet ein Modul mitdefault-Export - 3
lazyunterstützt keine TypeScript-Dateien.tsx
Antwort zeigen
Richtige Antwort: lazy erwartet ein Modul mit default-Export
Erklärung
Das Promise aus import() muss zu einem Objekt mit dem Feld default aufgelöst werden. Für einen benannten Export mappst du ihn: lazy(() => import('./Chart').then(m => ({ default: m.Chart }))). TypeScript und Funktionskomponenten werden voll unterstützt.