Skip to content

JasonHeylon/react-infinite-scroll-pager

Repository files navigation

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 InfiniteScrollPager 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

About

A infinite scroller pager component for React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •