React Dojo

Buscar

Busca conceptos, ejercicios y quizzes

API · React 19

use

Leer un recurso, inline

use() lee un valor de una promesa o un contexto desde dentro del render. Si el recurso aún no está listo, el componente suspende — y deja que el Suspense más cercano maneje la espera.

Una API, dos casos

use(promesa) espera el resultado o suspende. use(contexto) es como useContext pero puede llamarse condicionalmente — cosa que useContext no permite.

Reemplaza patrones viejos

En lugar de useState + useEffect + setData para cargar, pasas la promesa al componente y use() la consume. Más declarativo, menos estados intermedios.

Tropiezos comunes

  • 01Pasar una promesa creada inline en el componente la recrea en cada render — usa una caché o pásala desde afuera.
  • 02use() solo funciona dentro de componentes/hooks; en handlers usa await normal.
  • 03Necesita un Suspense arriba en el árbol; si no, React lanza un error.
¿Fue útil?
Inicia sesión para dar feedback