Published on

useTimeout Hook React

useTimeout Hook React

useTimeout Hook React

useTimeout Code and Usage

useTimeout is a hook to create a delayed execution of a function.

import { useEffect } from "react";

const useTimeout = (callback, delay) => {
  useEffect(() => {
    const timer = setTimeout(callback, delay);

    return () => {
      clearTimeout(timer);
    };
  }, [callback, delay]);
};

// Usage
const TimeoutExample = () => {
  useTimeout(() => {
    console.log("Delayed function executed.");
  }, 2000);

  return (
    <div>
      <p>Function will execute after 2 seconds.</p>
    </div>
  );
};