Как реализовать загрузку контента в Suspense

Suspense позволяет отложить рендеринг компонента до завершения асинхронной операции. Для работы с ним нужно: 1. Обернуть асинхронный компонент в `` 2. Использовать `lazy` для динамического импорта или любой промис-ориентированный подход Пример с React.lazy: ```jsx import { Suspense, lazy } from 'react'; const LazyComponent = lazy(() => import('./Component')); function App() { return ( Loading...}> ); } ``` Для кастомных асинхронных операций можно использовать библиотеки типа `react-query` или обернуть промис в компонент: ```jsx function AsyncComponent({ promise }) { if (promise.status === 'pending') throw promise; if (promise.status === 'fulfilled') return ; throw new Error('Unexpected promise state'); } ``` Важно: Suspense пока экспериментальная фича для данных в React 18.