input onChange中setState问题 reactjs万分感谢

Question

由于不想一直setState，想输入停止后再去setstate，于是网上找了些方法，使用方法是用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();}}

Answer 1

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}
)
}
}