useInterval

useInterval es un Hook de React que ejecuta una función con un intervalo especificado. Es útil para temporizadores, consultas periódicas de datos y otras tareas recurrentes.

Interfaz

function useInterval(
  callback: () => void,
  options: number | { delay: number; enabled?: boolean; immediate?: boolean }
): void;

Parámetros

• callbackrequired · () => void
  

  La función que se ejecuta periódicamente.

• optionsrequired · number | { delay: number; enabled?: boolean; immediate?: boolean }
  

  Configura el comportamiento del intervalo.

  • options.delayrequired · number
    

    La duración del intervalo en milisegundos. Si es null, el intervalo no se ejecuta.

  • options.immediateboolean · false
    

    Si es true, ejecuta la función inmediatamente antes de iniciar el intervalo.

  • options.enabledboolean · true
    

    Si es false, el intervalo no se ejecuta.

Valor de retorno

Esta función no devuelve ningún valor.

Ejemplo

import { useInterval } from 'react-simplikit';
import { useState } from 'react';

function Timer() {
  const [time, setTime] = useState(0);

  useInterval(() => {
    setTime(prev => prev + 1);
  }, 1000);

  return (
    <div>
      <p>{time} segundos</p>
    </div>
  );
}