estoy tratando de implementar un buscador con react, el problema que no puedo resolver es que espere 2 segundos a que el usuario deje de escribir en el input, es decir, si el cliente escribe hola, que espere 2 segundos a realizar la peticion pero si no ha transcurrido dicho tiempo y el usuario presiona nuevamente otra tecla, que el contador vuelva a cero, esto a modo de no realizar bastantes llamadas a la api
import React, { useEffect, useState } from 'react';
import './style.css';
export default function App() {
const [empresa, setEmpresa] = useState('');
useEffect(() => {
console.log(empresa);
if (empresa.length > 0) {
//realizar peticion get despues de esperar 2 segundo sin que el usuario escriba nada
}
}, [empresa]);
return (
<div>
<input type="text" onChange={(e) => setEmpresa(e.target.value)} />
</div>
);
}