搜索延迟
平常在项目中,经常会遇到搜索请求后台的情况,此时搜索延迟就显得尤为重要,如果没有搜索延迟功能,那么用户页面将会显得特别卡顿
import {Component} from 'react' class Search extends Component{ constructor(props){ this.state({delay:0}); this.onSearch = this.onSearch.bind(this); } onSearch(){ this.setState({delay:this.state.delay + 1}) let _this = this ; setTimeout(function(){ _this.setState({delay:_this.state.delay - 1}); if(this.state.delay == 0){ //执行后台请求的代码 console.log('请求执行了') } } },1000) } render(){ return ( <div> <input onChange={this.onSearch}/> </div> ) } } export default Search
以上就是一个最简单的搜索延迟功能的实现。有误之处还请指出。
jimwmg@foxmail.com
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。