Estoy tratando de implementar el rebote cuando un usuario escribe en un campo de entrada en React.
<TextField onChange={handleUsername} />
Controlador de entrada:
const handleTwitterUsername = (value: any) => { console.log({ value }) debounce(() => { // setUserData({ ...userData, username: value }) console.log('debounce value', value) }) }
Función de rebote:
const debounce = (cb: any, delay = 1000) => { let timeout: any return (...args: any[]) => { clearTimeout(timeout) timeout = setTimeout(() => { cb(...args) }, delay) } }
Cuando empiezo a escribir, obtengo registros de value
pero no hay registros de debounce value
. El rebote no parece funcionar.
¿Qué estoy haciendo mal?