React Native防止快速重复点击

最新推荐文章于 2025-07-17 19:16:47 发布

转载最新推荐文章于 2025-07-17 19:16:47 发布 · 1.2k 阅读

React 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个名为CallOnceInInterval的JavaScript函数，该函数用于实现防抖效果，能够确保一个函数在指定的时间间隔内仅被调用一次。通过设置不同的时间间隔参数，可以灵活应用于各类场景中。

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

建立CallOnceInInterval.js


let isCalled = false, timer;
 
/**
 * @param functionTobeCalled 被包装的方法
 * @param interval 时间间隔，可省略，默认600毫秒
 */
export default callOnceInInterval = (functionTobeCalled, interval = 600) => {
    if (!isCalled) {
        isCalled = true;
        clearTimeout(timer);
        timer = setTimeout(() => {
            isCalled = false;
        }, interval);
        return functionTobeCalled();
    }
};

使用前


//…
onPress={activityId => navigate(‘ActivityDetail’, {‘id’: activityId})}
//…

使用后


import callOnceInInterval from ‘你的路径/CallOnceInterval’;
 
//…
onPress={activityId => callOnceInInterval(() => navigate(‘ActivityDetail’, {‘id’: activityId}))}
//..