在react中写函数防抖细节
同事发现了之前写的代码里面定义的函数防抖并没有生效,本意是让搜索输入框状态改变时,300毫秒内多次输入内容不会请求接口,超过300毫秒才会请求一次,这样防止每输入内容就会请求一次,增加服务器的压力
之前有了解过,但是没有自己在项目里面写过
看到了一篇文章在react中创建防抖方法受益匪浅
值得注意的是,函数防抖的方法是在类组件外部定义的,之前写的代码是定义在类组件里面的,如果debounce函数写在里面,会报错,_this.isPhoneLegal is not a function .同事说可能是由于页面加载的顺序造成的,一般把debounce写在utils里面,然后再引入使用的