react怎么避免重复点击

PHP中文网 JavaScript 512 0 百度已收录

当前第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怎么避免重复点击的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

为什么React需要绑定this

React中如何引进图片

React native有什么作用

React中如何引入图片

webstrom 怎么创建React项目

React有哪些ui框架？

React-dom是什么

React中props和state的区别什么

React怎么添加css样式

React开发框架有哪些？

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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

    暂无评论...