`use` API 데모
React 19의 새로운 `use` API를 사용하여 프로미스와 컨텍스트를 간결하게 처리하는 방법을 보여줍니다.
1. `use`로 프로미스 처리하기
아래 컴포넌트는 데이터를 가져오는 프로미스를 `use` API로 처리합니다. 데이터가 로딩되는 동안 `Suspense`가 로딩 UI를 보여줍니다.
🚀 서버로부터 받은 메시지입니다!
2. `use`로 컨텍스트 사용하기
`use` API는 `useContext`와 달리 조건문이나 반복문 안에서도 호출할 수 있어 더 유연합니다. 아래 예제에서는 테마가 'dark'일 때만 언어 컨텍스트를 사용합니다.
테마 또는 언어 변경:
밝은 테마입니다. (언어 컨텍스트는 사용되지 않음)