Как работать с ассинхронными данными в React Suspense

React Suspense позволяет отложить рендеринг компонента до завершения загрузки асинхронных данных. Для этого используется `` с fallback-контентом и специальные ресурсы (обычно через `React.lazy` для кода или библиотеки типа `react-query` для данных). Пример с `React.lazy`: ```jsx const LazyComponent = React.lazy(() => import('./LazyComponent')); function App() { return ( Loading...}> ); } ``` Для данных можно использовать `react-query` с Suspense-режимом: ```jsx const { data } = useQuery('todos', fetchTodos, { suspense: true }); function App() { return ( ); } ``` Ключевые моменты: - Suspense перехватывает "подвешенные" промисы - Fallback показывается до разрешения промиса - Ошибки обрабатываются через Error Boundary - Подходит для кода (lazy) и данных (через совместимые библиотеки)