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

0 vote223 views2 answers
React date picker disable past dates
Javascript React
0 vote212 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
1 vote224 views2 answers
Flatlist onrefresh react native
Javascript React
1 vote222 views1 answer
Convert nuber into string react js
Javascript React
1 vote207 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
5 votes238 views4 answers
How to get url in react
Javascript React
0 vote249 views1 answer
Button size react native
Javascript React
5 votes307 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
1 vote242 views1 answer
React eslint prettier
Javascript React
-2 votes237 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React