use() Hook

Definition

Nouvelle API React 19 qui permet de lire une Promise ou un Context directement dans le rendu, meme de maniere conditionnelle contrairement aux autres hooks.

Analogie

Comme un lecteur universel : qu'on lui donne un CD (Promise) ou une cle USB (Context), il lit les deux.

Exemple de code

function UserProfile({ userPromise }) {
  const user = use(userPromise);
  return <p>{user.name}</p>;
}
// Peut etre utilise conditionnellement
if (showDetails) { const data = use(promise); }

Cas d'usage

Lire des donnees asynchrones dans les Server Components ou consommer un Context conditionnellement.

Termes lies