[05-react-buscador-peliculas] Bug al introducir primer caracter en el buscador

Author: JoseCarlosPPKCreated Nov 4, 2024Updated Nov 4, 2024

Para que no se produzca una validación del input de búsqueda y salga el error de 'No se puede buscar una película vacía' al cargar la página, se usa useRef para controlar la primera vez (variable isFirstInput).

Se puede comprobar en el proyecto del buscador que, al introducir un caracter por primera vez, no se realiza la validación de 'La búsqueda debe tener al menos 3 caracteres'. Mejor dicho, no se produce ninguna otra validación. Esto se debe a que cuando se teclea por primera vez, se entra a la condición de isFirstInput.current, se cambia su valor y se hace un return, impidiendo que se comprueben el resto de validaciones.

Grabación de pantalla desde 04-11-24 22:25:49.webm

Source: midudev/aprendiendo-react