vue的節流和防抖函數,React antD-Pro 添加函數防抖

 2023-12-25 阅读 30 评论 0

摘要:在實際項目當中,一個函數可能會由于某種狀態的改變,被調用多次,然后后端的接口就會被反復的調用。這時候,我們需要做一個性能優化,增加函數防抖功能。 添加函數防抖插件:lodash/debounce import debounce from 'lodash/deboun

在實際項目當中,一個函數可能會由于某種狀態的改變,被調用多次,然后后端的接口就會被反復的調用。這時候,我們需要做一個性能優化,增加函數防抖功能。
添加函數防抖插件:lodash/debounce

import debounce from 'lodash/debounce';//在constructor統一綁定事件. 和經常使用的bind(this)一樣
class Demo extends React.Component {constructor(props) {super(props);//這里設置的是 表示handleSearch 函數,在使用時沒500ms才被調用一次 this.handleSearch = debounce(this.handleSearch, 500);}handleSearch = (value) => {...}...
}

這樣你在輸入數據的500ms后才會觸發handleSearch函數,可以大幅度減少調取后臺接口的次數!

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/3/194716.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息