react-infinite-scroll-io v1.2.1

React Infinite Scroll - Intersection Observer

Installation

npm i react-infinite-scroll-io

How To Use

First import this component where you want to use it

import InfiniteScroll from "react-infinite-scroll-io"

Then just render it:

<InfiniteScroll
    name="your-list"
    items={users}
    errorMessage="No users found"

    renderCallback={this.renderUser.bind(this)}
    loadMoreCallback={this.props.loadMoreUsers}
    loadMoreParams={['john', 1]}
    spinner={<div class="spinner">Loading...</div>}

    isFetching={this.props.isFetching}
    isLoadingMore={this.props.isLoadingMore}
    isLoadComplete={this.props.isLoadComplete}

    resetStateIfValueChanged={}
/>

Props (all props are required)