反应无限滚动不会停止调用loadmore prop函数？

Question

我已经从下面的react-infinite-scroll示例配置了我的代码InfiniteScroll：https://github.com/CassetteRocks/react-infinite-scroller/blob/master/docs/src/index.js

我的代码是这样的：

class MyComponent extends React.Component {
  loadItems = (pagingState) => {
    let query = `/api/v1/news?pagingState=${pagingState}`;
    axios.get(query, { 
      headers: {
        Authorization: 'Bearer '+localStorage.getItem('token')
      },
    }).then(async (response) => {
      if(!response.data.rows.length) {
        this.setState((state, props) => ({
          hasMoreItems: false
        }));
      }

      var encodeURLPagingState = encodeURIComponent(response.data.pagingState)

      await this.setState({
        pagingState: encodeURLPagingState,
        offset: this.state.offset+15,
        allNews: [...this.state.allNews, ...response.data.rows]
      });
    }).catch((err) => {
      console.log(`1st axios catch! = `,err)
    }); 
  }

  render () {
    return (
      <ul>
        <InfiniteScroll
          pageStart={0}
          loadMore={this.loadItems(this.state.pagingState)}
          hasMore={this.state.hasMoreItems}
          loader={<div>Looading...</div>}
          useWindow={false}
        >
          {items}
        </InfiniteScroll>) 
      </ul>
  }

我看了问题，我已经尝试过了：loader={<div style={{ clear: 'both' }}>Loading...</div>}我也确信每个项目节点都有唯一的键，帮助？