使用API​​进行无限滚动

Question

我想通过使用yts API无限滚动显示每10个数据。 它表明我可以通过此代码https://yts.am/api/v2/list_movies.json?sort_by=download_count&limit=10'显示数据 它的限制是1-50，但我想无限显示数据。似乎有页面参数。 你们对我如何无限显示数据有想法吗？

这是yts API的链接 https://yts.am/api#list_movies

这是我的呼叫API代码

_getMovies = async()=>{
 const movies = await this._callApi() 
 this.setState({
   movies 
 })
}

  _callApi=()=>{
    return   fetch('https://yts.am/api/v2/list_movies.json?sort_by=download_count&limit=10')
    .then(potato=> potato.json()) 
    .then(json=> json.data.movies)
    .catch(err=>console.log(err))
    }

Answer 1

无限scoll的基本思想是从API获得N条记录。 N取决于您的屏幕高度，因此列表中的每个项目都会有一定的高度，因此请划分可用的screenHeight /每个项目的高度。现在它将为您提供N的数字，现在需要一些额外的记录（如4-5），以便进行滚动，并检查scrollTop是否超出scrollHeight属性。然后再次调用下一页。就是这样，就是这样。