在React中使用clearInterval
可以在組件卸載時清除定時器。通常情況下,在useEffect
鉤子中設置定時器,然后在返回的清理函數中調用clearInterval
來清除定時器。
下面是一個簡單的示例,演示如何在React中使用clearInterval
:
import React, { useState, useEffect } from 'react';
const TimerComponent = () => {
const [count, setCount] = useState(0);
useEffect(() => {
const intervalId = setInterval(() => {
setCount((prevCount) => prevCount + 1);
}, 1000);
return () => {
clearInterval(intervalId);
};
}, []);
return <div>Timer: {count}</div>;
};
export default TimerComponent;
在上面的示例中,我們在useEffect
中設置了一個定時器,每秒更新一次count
狀態。在返回的清理函數中,我們調用clearInterval
來清除定時器。
這樣,在組件卸載時會清除定時器,防止內存泄漏和不必要的性能問題。