midudev
18 useRef y useImperativeHandle. Controla tus componentes de forma imperativa ☝️
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.470 visualizaciones
A veces necesitas controlar un componente de forma iterativa, de forma que puedes cambiar su estado desde fuera. Con los hooks useRef y useImperativeHandle vamos a poder lograrlo.
También usaremos la función forwardRef, para poder enviar la referencia del componente hacia el componente padre.
SUSCRÍBETE al canal 🔔
► https://www.youtube.com/c/midudev?sub_confirmation=1
Este curso es una introducción al desarrollo web moderno con JavaScript. El enfoque principal está en las aplicaciones de una sola página implementadas con React y que las soportan con servicios web RESTful y GraphQL implementados con Node.js también veremos TypeScript y React Native. Tienes todas las clases aquí:
https://www.youtube.com/playlist?list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7
SEGMENTOS del VÍDEO 🎬
00:00 - Introducción
00:50 - ¿Por qué cuesta hacer esto? ¿Es recomendable?
02:10 - Usando el hook useRef
04:30 - Usando useRef con un componente de React. ¿Qué pasa?
05:48 - forwardRef, recuperando la referencia en un componente
07:53 - useImperativeHandle, personalizando una ref con código imperativo
10:30 - Usando la referencia para cambiar el estado del componente
También usaremos la función forwardRef, para poder enviar la referencia del componente hacia el componente padre.
SUSCRÍBETE al canal 🔔
► https://www.youtube.com/c/midudev?sub_confirmation=1
Este curso es una introducción al desarrollo web moderno con JavaScript. El enfoque principal está en las aplicaciones de una sola página implementadas con React y que las soportan con servicios web RESTful y GraphQL implementados con Node.js también veremos TypeScript y React Native. Tienes todas las clases aquí:
https://www.youtube.com/playlist?list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7
SEGMENTOS del VÍDEO 🎬
00:00 - Introducción
00:50 - ¿Por qué cuesta hacer esto? ¿Es recomendable?
02:10 - Usando el hook useRef
04:30 - Usando useRef con un componente de React. ¿Qué pasa?
05:48 - forwardRef, recuperando la referencia en un componente
07:53 - useImperativeHandle, personalizando una ref con código imperativo
10:30 - Usando la referencia para cambiar el estado del componente