React infinte scroll

<InfiniteScroll
  dataLength={items.length} //This is important field to render the next data
  next={fetchData}
  hasMore={true}
  loader={<h4>Loading...</h4>}
  endMessage={
    <p style={{ textAlign: 'center' }}>
      <b>Yay! You have seen it all</b>
    </p>
  }
  // below props only if you need pull down functionality
  refreshFunction={this.refresh}
  pullDownToRefresh
  pullDownToRefreshThreshold={50}
  pullDownToRefreshContent={
    <h3 style={{ textAlign: 'center' }}>↓ Pull down to refresh</h3>
  }
  releaseToRefreshContent={
    <h3 style={{ textAlign: 'center' }}>↑ Release to refresh</h3>
  }
>
  {items}
</InfiniteScroll>

Source: npmjs.com

Similar codes

4 votes408 views2 answers
Change the route on button click react
Javascript React
26 votes384 views5 answers
React image
Javascript React
0 vote386 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote363 views1 answer
Change env location react
Javascript React
0 vote366 views1 answer
Scirpt tag react
Javascript React
108 votes414 views2 answers
React start new app
Javascript React
22 votes364 views3 answers
How to define array in react js
Javascript React
0 vote322 views0 answer
React
Javascript React
1 vote369 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote415 views1 answer
How to change the choose file button text in react
Javascript React