useeffect clearinterval loading

Confused Chimpanzee answered on May 30, 2021 Popularity 9/10 Helpfulness 5/10

answer useeffect clearinterval loading

related clearinterval in useEffect

useeffect clearinterval loading

Comment

const Loading = () => {
  const [loadingStatus, setLoadingStatus] = useState(".");

  useEffect(() => {
    const intervalId = setInterval(() => {
      setLoadingStatus(ls => ls + ".");
    }, 1000);

    return () => clearInterval(intervalId);
  }, []);

  return <p>{`Loading ${loadingStatus}`}</p>;
};

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: clearinterval javascript loading use-effect

Link to this answer
Share Copy Link

Contributed on Oct 13 2021

Confused Chimpanzee

0 Answers Avg Quality 2/10

Closely Related Answers

clearinterval in useEffect

Comment

let intervalID;
useEffect(() => {
    if (isRunning) {
      intervalID = setInterval(() => {
        dispatch({ type: "tic-toc" });
      }, 1000);
    }
      return () => clearInterval(intervalID);
  }, [isRunning]);

Popularity 9/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: clearinterval cl

Link to this answer
Share Copy Link