美文网首页
React Native 实时搜索的问题

React Native 实时搜索的问题

作者: Bana | 来源:发表于2019-03-05 15:00 被阅读0次

问题
使用FlatList进行实时列表搜索,setState会导致列表数据的重复和紊乱

解决方法
添加定时器搜索,在输入结束后一秒进行请求

    clearTimeout(this.settimeId); //如搜索的内容变化在1秒之中,可以清除变化前的fetch请求,继而减少fetch请求。但不能中断fetch请求
    this.settimeId = setTimeout(() => {
      ...
    }, 1000);                                                           

相关文章

网友评论

      本文标题:React Native 实时搜索的问题

      本文链接:https://www.haomeiwen.com/subject/btxouqtx.html