1 class Header extends React.Component {
2 constructor(props) {
3 super(props);
4 this.time = 0; // 重点在于这个this.time的使用
5 }
6 suggestShow(e) {
7 let sugInput = e.target.value;
8 clearTimeout(this.time);
9 this.time = setTimeout(() => {
10 this.props.getSuggestLists(sugInput);
11 }, 100);
12 }
13
14 closeSug() {
15 this.suggestInput.value = '';
16 this.props.clearSuggest();
17 }
18
19 render() {
20 return (
21 <header className="yo-search yo-search-single">
22 <input type="text" className="input" placeholder="城市名或拼音(北京/beijing)" ref={e => this.suggestInput = e} onChange={e => this.suggestShow(e)} />
23 </header>
24 );
25 }
26 }