亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在react中input-text設置一個定時器?

如何在react中input-text設置一個定時器?

慕的地8271018 2018-12-19 17:19:48
我有一個搜索字段?,F在它搜索每個鍵控。所以如果有人輸入“Windows”,它將使用onChange方法進行搜索:“W”,“Wi”,“Win”,“Wind”,“Windo”,“Window”,“Windows”我想要一個延遲,所以只有當用戶停止輸入200 ms時,才會進行搜索。原代碼handleChange: function(event) {  var newVal = event.target.value;  this.setState({value: newVal});    // 能否在這里加個定時器,判斷大于200ms后再進行下面的方法  this.doSearch();},doSearch: function() {  someFunction(this.state.value);},.....<input id="search-input" className={active} placeholder="Type to search" value={inputValue}   onChange={this.handleChange} />
查看完整描述

1 回答

?
拉丁的傳說

TA貢獻1789條經驗 獲得超8個贊

延遲是可以的,先清定時器,在加定時器就可以

handleChange: function(event) {

    var newVal = event.target.value;


    this.setState({value: newVal});


    this.timer && clearTimeout(this.timer);

    this.timer = setTimeout(() => {

        this.doSearch();

    }, 200)

}


查看完整回答
反對 回復 2019-01-09
  • 1 回答
  • 0 關注
  • 523 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號