¿ Cómo puedo hacer para que la función del onChage del input no se dispare por cada letra, sino solo una vez cuando el usuario termine de...

Pregunta de la clase:
Manejo de eventos
Andrés Muñoz

Andrés Muñoz

Pregunta
studenthace 4 años

¿ Cómo puedo hacer para que la función del onChage del input no se dispare por cada letra, sino solo una vez cuando el usuario termine de escribir el texto ?

3 respuestas
para escribir tu comentario
    Vsqz Gabriel

    Vsqz Gabriel

    studenthace 4 años

    con rxjs puedes lograrlo jeje

    Juan Castro

    Juan Castro

    teacherhace 4 años

    Lo más fácil sería disparar el evento de búsqueda/filtrado cuando pulsen un botón, no cuando hay cambios en el input.

    Las estrategias que te menciona Kevin como crear un debouncer también son espectaculares. Puedes ver un poco más de ellas en este curso: https://platzi.com/cursos/nextjs-grandes-datasets/

    Kevin Fiorentino

    Kevin Fiorentino

    studenthace 4 años

    Hay técnicas para lograr esto. No sabría como lograrlo en React pero si buscas algo así como

    Debounce en React
    tienes que encontrar alguna librería que te facilite la programación. Debounce es el nombre técnico para generar esta espera hasta que el usuario termine de tipear. Saludos!

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC