Estoy en el proceso de configurar un filtro de entrada para un cuadro de texto, que ejecutaría una función específica que actualizaría una pantalla, según el valor de estado del cuadro de entrada.

He estado confundido entre setTimeout y setInterval y cómo implementar esto realmente, ya que necesita hacer un par de cosas:

1. El temporizador debe comenzar con la pulsación de una tecla (o en este caso, el evento onChange llamado, con el nombre de la función)
2. Si el temporizador alcanza un valor específico (por ejemplo, 2000 durante 2 segundos), finaliza y ejecuta la otra función.
3. El temporizador debe actualizarse si el evento onchange se activa nuevamente (se ingresa un nuevo carácter que activa onChange nuevamente).
4. Es parte de un componente de clase.

Tengo dificultades para encontrar algo relevante para lo que estoy tratando de hacer, y lo que obtuve con setInterval hasta ahora, había sido un temporizador de bucle que no activa una salida.

 Snippet of relevant code and comments: handleTextFilterInput = (event) => { /** Track input change **/ const target = event.target; const fieldName = target.name; const value = target.value; let newFilterValues = {...this.state.filterValue}; newFilterValues[fieldName] = value; this.setState({ filterValue: newFilterValues, }); /** * initialize setInterval()/setTimeout() * * Check if timer is active. If it is, refresh it * * When the timer reaches value, do this.functionHere once. * **/ };