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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章