React 19 use() Hook 예제

React 19에서 새롭게 도입된use() Hook의 다양한 활용 예제를 살펴보세요.

use() Hook이란?

  • • Promise나 Context를 직접 읽을 수 있는 새로운 Hook
  • • 조건부로 호출 가능 (기존 Hook 규칙의 예외)
  • • Suspense와 자연스럽게 연동되어 로딩 상태 관리

Promise 예제

use()로 Promise를 직접 읽어서 데이터 페칭

예제 보기 →

Context 예제

use()로 Context 값을 조건부로 읽기

예제 보기 →

Suspense 예제

use()와 Suspense를 조합한 로딩 처리

예제 보기 →
← React 19 기능 목록으로 돌아가기