⚛️ React 19 — use(Promise)
use
— новый хук, который позволяет считывать данные из промиса и при этом интегрирован с Suspense
и ErrorBoundary
.
Основные моменты:
На этот хук не распространяются правила хуков — его можно использовать внутри циклов и условных операторов.
Если мы используем хук
use(Promise)
, то где-то в родительском компоненте мы должны положить сам промис (не данные как мы делали раньше) в стейт (useState). Это позволяет избавиться от useEffect’а, который был нужен, чтобы запросить данные при первом рендере.Хук интегрирован с Suspense, поэтому пока промис не разрезолвится — будет показан fallback объявленный в ближайшем Suspense.
Если промис зареджектился, то будет показан
fallback
объявленный в ближайшемErrorBoundary
.
Материалы