在列表渲染數(shù)據(jù)時,遇到倒計時功能同一時間倒計時結(jié)束,觸發(fā)多個請求容易引起性能問題
解決辦法:
//自定義數(shù)據(jù)
defineData = {
timerFlag: 'start', // 計數(shù)器
}
getCurrentGoodsList() {
goodsServices.getGoodsList(2, 0, this.defineData.page).then(res => {
this.setState({
currentList: res.list,
});
// flag
this.defineData.timerFlag = 'start';
}).catch(err => {
// flag
this.defineData.timerFlag = 'start';
});
}
/**
* onTimeUp 倒計時
*/
onTimeUp() {
if (this.defineData.timerFlag === 'start') {
this.handle();
this.defineData.timerFlag = 'end';
}
}