React · Junior · Запитання 37 з 75

Чому `lazy(() => import('./Chart'))` видає помилку, якщо в `Chart.tsx` лише `export function Chart`?

✓Правильна відповідь: lazy очікує модуль із default-експортом
2lazy не підтримує TypeScript-файли .tsx
3Компонент для lazy має бути класовим

Пояснення

Проміс з import() має розв'язатися об'єктом із полем default. Для іменованого експорту використовують перетворення: lazy(() => import('./Chart').then(m => ({ default: m.Chart }))). TypeScript і функціональні компоненти підтримуються повністю.

Де почитати

react.dev: lazy ↗

Чому `lazy(() => import('./Chart'))` видає помилку, якщо в `Chart.tsx` лише `export function Chart`?

Пояснення

Де почитати

Помилка в запитанні

Перевірте себе

Чому lazy(() => import('./Chart')) видає помилку, якщо в Chart.tsx лише export function Chart?

Пояснення

Де почитати

Перевірте себе

Чому `lazy(() => import('./Chart'))` видає помилку, якщо в `Chart.tsx` лише `export function Chart`?