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