react-infinite-scroll-pager

A infinite scroller pager component for React

Usage no npm install needed!

<script type="module">
  import reactInfiniteScrollPager from 'https://cdn.skypack.dev/react-infinite-scroll-pager';
</script>

README

react-infinite-scroll-pager

A infinite scroller pager component for React

NPM JavaScript Style Guide

Install

npm install --save react-infinite-scroll-pager

Usage

import React, { Component } from 'react'

import MyComponent from 'react-infinite-scroll-pager'

class Example extends Component {
  render() {
    return (
      <InfiniteScrollPager
        page={page}
        totalPage={5}
        isLoading={isLoading}
        loader={<div>loading...</div>}
        noMoreTip={<div>No more articles</div>}
        onPageChange={page => loadList(page)}
      >
        {list.map(item => (
          <Item key={item.id} item={item} />
        ))}
      </InfiniteScrollPager>
    )
  }
}

License

MIT © JasonHeylon