React-Native按钮重复点击问题

React-Native按钮多次点击问题

今天，生产环境出现订单重复情况，经排查检测发现是react-native保存按钮短时间点击多次，导致接口调用多次。

对按钮进行防重校验

let isCalled = false,
    timer;

/**
 * 连续点击判断
 * @param yourFunction 点击事件
 * @param interval 时间间隔，可省略，默认1000毫秒
 * create by xuliangliang
 */
export default doubleClick = (yourFunction, interval = 1000) => {
    if (!isCalled) {
        isCalled = true;
        clearTimeout(timer);
        timer = setTimeout(() => {
            isCalled = false;
        }, interval);
        return yourFunction();
    }
};

然后在需要判断重复点击的地方使用这个方法就可以了。