El equivalente de componentDidMount en ganchos es la función useEffect. Las funciones pasadas a useEffect se ejecutan en cada representación de componente, a menos que le pase un segundo argumento.
¿Para qué sirve useEffect?
¿Qué hace useEffect? Al usar este Hook, le dice a React que su componente necesita hacer algo después de renderizar. React recordará la función que pasó (nos referiremos a ella como nuestro "efecto") y la llamará más tarde después de realizar las actualizaciones de DOM.
¿ComponentDidMount es un enlace de React?
useEffect es un gancho de React donde puede aplicar efectos secundarios, por ejemplo, obtener datos del servidor. El primer argumento es una devolución de llamada que se activará después del diseño y la pintura del navegador.
¿Por qué no se llama a useEffect?
La razón por la que esto sucede es que la llamada a la API es asíncrona, no llena el estado inmediatamente, por lo que el procesamiento ocurre primero e intenta leer. corriente del estado del tiempo inicial nulo. Solución: en su método de renderizado, asegúrese de no leer el tiempo.
¿useEffect siempre se ejecuta en Mount?
Importante: el enlace useEffect siempre se ejecutará en el montaje independientemente de si hay algo en su matriz de dependencia. Probablemente no queramos ejecutar este efecto en nuestros datos cuando no están definidos (como lo estará en el renderizado inicial), sino que queremos esperar hasta que se complete desde la llamada a la API.
