React.lazy — это функция, которая включает code splitting, позволяя тебе динамически импортировать React-компоненты. Она автоматически загружает бандл компонента только когда компонент отрендерится, что улучшает производительность при первой загрузке страницы.
React.lazy принимает функцию, которая выполняет динамический импорт и возвращает Promise. Promise должен разрешиться в модуль с default export, содержащий React-компонент.
const OtherComponent = React.lazy(() => import('./OtherComponent'));
function MyComponent() {
return (
<div>
<OtherComponent />
</div>
);
}
fallback в Suspense для отображения во время загрузки:<Suspense fallback={<Loading />}>
<OtherComponent />
</Suspense>
React.lazy принимает функцию, которая выполняет динамический импорт и возвращает Promise, который должен разрешиться в модуль с default export'ом, содержащим React компонент.
Новый — ещё не проверен сообществом
Вы