lodash防抖函数使用

 

定义防抖函数：

 const getRoomlistInDebounce = _.debounce(() => {
        getRoomListFun(data.current)
    }, 300)

调用

 const searchOnChange = (e) => {
        console.log(e?.target?.value);
        let roomName = e?.target?.value;
        if (roomName === "") {
            delete data.current.roomName;
        } else {
            data.current.roomName = roomName;
        }
        getRoomlistInDebounce()
    }

 

 <Input.Search
style={{ width: '240px', marginLeft: '16px' }}
placeholder="请输入机房名称"
defaultValue={''}
onChange={searchOnChange}
/>
    

使用样例

test = () => {
  console.log('--------------11111---------------');
  this.fun();//方法调用
}

 //debounce使用
fun = _.debounce(function(e){
  console.log('--------------22222---------------');
}, 5000,{
  leading: true,
  trailing: false,
})

//throttle使用
fun = _.throttle(function(e){
  console.log('--------------22222---------------');
}, 5000,{
  leading: true,
  trailing: false,
})