React中使用lodash——debounce

安装lodash
npm i --save lodash
1
引入lodash

import _ from "lodash";
1
这里用下lodash的debounce作为一个小demo

在constructor中
// this.checkLogin = this.checkLogin.bind(this)
this.checkLogin = _.debounce(this.checkLogin.bind(this),2000)
1
2
这样成功调用了 lodash的防抖debounce

当然这样使用 肯定会被你们的组长或者经理给叼死
按需是必不可少的步骤了

引入部分修改:
import _ from "lodash";
//改为下面的引入
import debounce from "lodash/debounce";
1
2
3
在constructor修改
this.checkLogin = _.debounce(this.checkLogin.bind(this),2000)
//改为下面的写法
this.checkLogin = debounce(this.checkLogin.bind(this),2000)
1
2
3
我在这里使用的是class写法
后续看心情更新hook 0.0
2020干巴爹

————————————————
版权声明:本文为CSDN博主「HarryHY」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/HarryHY/article/details/103820694

posted on 2022-04-07 16:58  漫思  阅读(567)  评论(0编辑  收藏  举报

导航