React Hooks系列之useInterval

最新推荐文章于 2025-03-27 16:30:45 发布

_Boboy

最新推荐文章于 2025-03-27 16:30:45 发布

阅读量3k

点赞数 2

分类专栏： React Hooks 文章标签： react hooks

本文链接：https://blog.csdn.net/weixin_43720095/article/details/111383826

版权

React Hooks 专栏收录该内容

16 篇文章

订阅专栏

博客围绕React Hooks展开，但具体内容缺失。React Hooks是前端开发中重要技术，可让开发者在不编写class的情况下使用state以及其他React特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import { useRef, useEffect } from 'react';

/**
 * @description: Hooks useInterval 间限执行钩子
 * @param {callback} Function  回调函数
 * @param {delay}    number    延迟时间
 * @demo  =>  useInterval(() => {}, 1000) 
 */

export function useInterval(callback: Function, delay: number) {
    const latestCallback = useRef<Function>(() => { });

    useEffect(() => {
        latestCallback.current = callback;
    });

    useEffect(() => {
        if (delay !== null) {
            const interval = setInterval(() => latestCallback.current(), delay || 0);
            return () => clearInterval(interval);
        }
        return undefined;
    }, [delay]);
}