React实现页面定时刷新
在React中实现页面的定时刷新，可以使用useEffect钩子来设置一个定时器，并在组件卸载时清除它。以下是一个简单的例子：
import React, { useEffect, useState } from 'react';
const PageAutoRefresh = () => {
const [refreshCount, setRefreshCount] = useState(0);
useEffect(() => {
const intervalId = setInterval(() => {
setRefreshCount(count => count + 1);
}, 5000); // 每5秒刷新一次
return () => clearInterval(intervalId);
}, []);
return (
<div>
<p>页面已刷新次数: {refreshCount}</p>
</div>
);
};
export default PageAutoRefresh;在这个例子中，PageAutoRefresh组件会每5秒钟自动刷新，显示刷新次数。useEffect第二个参数是空数组，意味着它会在组件挂载后只运行一次。组件卸载时，定时器会被清除，以防止内存泄漏。
评论已关闭