按钮多次点击

首页课程实战体系课手记专栏慕课教程

按钮多次点击

来源：2-1 本章目标

慕雪2531758

2022-07-20

老师，按钮多次点击一般怎么处理？
下面是我的处理，但是在onClick方法中处理时间比较长的话，还是会发生多次点击的情况。
目前我想到是可以使用指定组件去处理，但是会比较麻烦。老师有推荐的方式吗？

let viewClickAble = true
const OneClick = (onClick) => {

    if (viewClickAble) {
        viewClickAble = false
        setTimeout(() => {
            viewClickAble = true;
        }, 1000);

        if (isPromise(onClick)) {
            onClick;
        } else if (typeof(onClick) == 'function') {
            onClick();
        }
    }
}
export default OneClick;

写回答

1回答

CrazyCodeBoy

CrazyCodeBoy

2022-07-21

可以参考下这些实现：https://www.cnblogs.com/vipstone/p/8400168.html

0

1

慕雪2531758

老师，单纯的用js去控制点击，在界面刷新之后，这个控制就会失效了吧，我这边之前测试用lodash，没有用唉。所以就想到用自定义组件去控制一些特定的场景。

2022-07-22

共1条回复

RN入门到进阶，打造高质量上线App

解锁React Native开发应用新姿势，React Native新版本热门技术

3144 学习 · 3241 问题

相似问题

老师请问下RN点击按钮下载一个远程视频链接到手机相册怎么弄？

回答 1

按钮的多次触发处理

回答 1

点击TabBar刷新页面

回答 1

rn 点击事件如何加防抖

回答 2

下拉加载更多的时候界面就停在那并没有加载更多数据

回答 1

打开慕课网App查看更多内容