taro实战-微信小程序：列表搜索

功能描述：
1.在已加载列表的情况下进行搜索查询
2.查询一次，发送一次请求，返回查询结果列表

1.taro ui 搜索组件AtSearchBar

<AtSearchBar
          actionName='搜一下'
          value={this.state.value}
          onBlur={this.onBlur.bind(this)}
          onChange={this.onChange.bind(this)}
        />

2.输入字符串，发送请求

  //输入值，发送请求
  onChange(value) {
    clearTimeout(this.timer);
    this.setState({
      value: value
    });
//如果值为空，则不进行下一步
    if (value == "") {
      return;
    }
    //添加搜索输入到延迟时间
    this.timer = setTimeout(() => {
      let { pageNum } = this.state;
      this.bindselectUserByJun(pageNum, value);
    }, 1200);
  }

3.失去焦点，重新发请求，返回到第一页

 //失去焦点，重新发请求，返回到第一页
  onBlur() {
    let pageNum = 1;
    this.bindselectUserByJun(pageNum);
  }