首頁猿問有沒有童鞋遇到過同樣的問題：關(guān)于s...

有沒有童鞋遇到過同樣的問題：關(guān)于setState問題？

JavaScript

郎朗坤 2019-06-10 09:51:46

由于不想一直setState，想輸入停止后再去setstate，于是網(wǎng)上找了些方法，使用方法是用debounce我參考下面代碼，如果input里面加上value，不管我怎么輸，為什么最后只能輸出第一個字符出來？比如我輸入589632147,最后只能輸出5原鏈接http://billqiu.github.io/2017/10/15/how-to-debounce-in-react///稍微改了下，input里面加了valueimportreact,{Component}from'react';import{debounce}from'lodash.debounce';exportdefaultclassDebounceextendsComponent{construtor(){super();this.callAjax=debounce(this.callAjax,300);}callAjax=(value)=>{console.log('value::',value);this.setState({inputValue:value})//callajax}printChange(e){e.persist();this.callAjax(e.target.value);}render(){return();}}

查看完整描述

2 回答

交互式愛情

TA貢獻1712條經(jīng)驗獲得超3個贊

importReact,{Component}from'react';lettimeout;exportdefaultclassDebounceextendsComponent{constructor(props){super(props);this.state={text:''}}debounce=(fn,wait)=>{if(timeout!==null)clearTimeout(timeout);timeout=setTimeout(fn,wait);console.log(timeout);}handleChange=(e)=>{consttext=e.target.value;this.debounce(()=>{this.setState({text})},1000);}render(){return({this.state.text}
)}}