useDebounce

Devuelve un valor sin rebotes del valor proporcionado.

Source
View package
Coverage
Export size

Instalación

Instala el custom hook desde su linea de comando.

npm i @raddix/use-debounce

Uso

import { useState } from 'react';
import { useDebounce } from '@raddix/use-debounce';

export default function App() {
  const [value, setValue] = useState<string>();
  const debouncedValue = useDebounce(value, 800);

  return (
    <div>
      <input
        value={value}
        onChange={(e) => setValue(e.target.value)}
        placeholder="Typed value"
      />
      <p>DebouncedValue: {debouncedValue}</p>
    </div>
  );
};

API

Parámetros

Parámetros	Description	Required	Type
value	El valor que desea rebotar.	Si	any
delay	El tiempo de retardo en milisegundos.	No	number

Devuelve

Devuelve	Description	Type
debouncedValue	El valor sin rebote. Una vez transcurrido el tiempo de retardo sin que el valor cambie, este se actualizará al valor más reciente.	any