Hook · Accesibilidad
useId
IDs únicos, estables
useId genera un identificador único por componente, estable entre renders y consistente entre cliente y servidor. Pensado para conectar inputs con labels, aria-describedby, y otros pares accesibles.
Por qué no Math.random()
En SSR, el ID generado en el servidor debe coincidir con el del cliente para evitar errores de hidratación. useId garantiza esa correspondencia; los valores aleatorios no.
No para keys de lista
useId entrega un ID por componente, no por elemento. Para keys de listas usa el ID de los datos. Para varios IDs en un mismo componente, concatena sufijos: `${id}-name`.
Tropiezos comunes
- 01No es para keys de listas — esas vienen de tus datos, no del DOM.
- 02El formato del id (':r0:') es opaco. No dependas de él, solo úsalo como referencia.
- 03Llamar useId N veces dentro de un mismo componente da N IDs distintos — preferible concatenar sufijos.
¿Fue útil?
Inicia sesión para dar feedback