Refs y APIs Imperativas
Refs y APIs Imperativas
forwardRef, useImperativeHandle, useId, click-outside y tipado de refs.
React + TypeScript6 retos0 Fácil3 Media3 Difícil
Tu progreso0 / 6 resueltos
- Media~20 min
Tipando forwardRef
Tipa correctamente un componente que reenvía un ref a un HTMLInputElement y acepta una prop label.
- forwardRef
Comenzar reto - Difícil~35 min
Cadena de Reenvío de Refs
Necesitas reenviar un ref a través de múltiples niveles de componentes para acceder a un elemento DOM…
- forwardRef
Comenzar reto - Difícil~35 min
useImperativeHandle para API Personalizada de Ref
Necesitas exponer una API personalizada a través de un ref en lugar del elemento DOM por defecto. Usa…
- useImperativeHandle
- Refs
Comenzar reto - Media~20 min
useId para Identificadores Únicos
Cuando se renderiza el mismo componente múltiples veces, usar IDs codificados causa IDs duplicados en el DOM…
- useId
Comenzar reto - Difícil~35 min
Patrón useImperativeHandle
Crea un componente de input personalizado que exponga los métodos focus() y clear() a los componentes padres…
- useImperativeHandle
Comenzar reto - Media~20 min
Hook Personalizado useClickOutside
El menú desplegable sigue abierto cuando el usuario hace clic en otro lugar de la página. Construye un hook…
- Events
- Custom Hooks
Comenzar reto