Что делает Suspense в React

`Suspense` в React — это механизм для отложенного рендеринга компонентов, пока они загружают данные или код. Он позволяет показывать fallback-контент (например, лоадер) вместо основного содержимого до завершения асинхронной операции. **Основные сценарии:** - Ленивая загрузка компонентов (`React.lazy`) - Загрузка данных (через библиотеки типа Relay, SWR, React Query) **Пример с ленивой загрузкой:** ```jsx const LazyComponent = React.lazy(() => import('./LazyComponent')); function App() { return ( Loading...}> ); } ``` **Особенности:** - Работает только с React 16.6+ - Можно вкладывать несколько `Suspense` для разных частей приложения - Не обрабатывает ошибки — для этого нужен `Error Boundary`