react怎么避免重复点击

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

btn_click = async () => {

    this.setState({

       bool: false,

    })

    .

    .

    .

    if(this.state.bool){

        const value = await fetch.bbb({})

        if (value.code == 1) {

         

        } else {

         

        }

        this.setState({

        bool: true,

        })

    }

}

解析：

满足bool为true的情况，我们执行请求，如果发生多次点击的情况，方法开头设置的bool:false就会生效，防止在请求还没有完成的情况下进行下一次请求；

然后在请求完成之后，我们把Bool的状态变更多来，以便此次请求完成还可以进行下一次请求。

至于方法开头设置为false,请求还执行，是源于一个异步机制，在同一个方法中设置state又重新调用，state是来不及更新的，但是会在下一次调用该方法的时候执行。

相关推荐：react视频教程

以上就是react怎么避免重复点击的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

vue和React状态管理有啥区别？

讨论React axios 跨域访问一个或多个域名问题

React中monent如何获取日期？

一些关于React的常见面试题（分享）

React开发框架有哪些？

怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果

安卓webviev支持React吗

zepto与React区别是什么

h5实现多图片预览上传及点击可拖拽控件

可以用什么编辑React native？

更多相关阅读请进入《React》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...