没有任何AJAX的异步渲染？

Question

到目前为止，我能找到的有关异步渲染的每个问题都涉及AJAX调用。

我的React应用程序中有一个文本输入，您可以输入该文本来过滤下面呈现的项目的大列表。当然，随着此列表的增加，它的价格也会越来越昂贵，因此在搜索框中键入内容既缓慢又漫长。

有没有一种方法可以从文本输入中异步呈现列表？还是以其他方式在单独的线程上拥有它？我真的不想仅仅因为它过于昂贵而无法将其转换为远程AJAX请求-我已经拥有了我需要的所有数据。

基本上，我的文本输入的onChange方法指向handleChange，然后在每个项目的render()函数中，它检查hiddenBySearch方法以查看是否应显示：

handleChange = value => {
  this.setState({
    searchValue: value
  })
}

hiddenBySearch = item => {
  if(this.props.data.hiddenBySearch){
    return this.props.data.hiddenBySearch(item, this.state.searchValue)
  }else{
    return false
  }
}

还有更多的东西，但我想这无关紧要。

编辑：这不可能是this post的副本-我是在专门问有关补偿 React的渲染的问题。我相当确定不可能将其放在Web Worker中。