react-infinity-scroll-list

A versatile optimised infinite scroll React component.

Usage no npm install needed!

<script type="module">
  import reactInfinityScrollList from 'https://cdn.skypack.dev/react-infinity-scroll-list';
</script>

README

React Infinity Scroll List

A versatile optimised infinite scroll React component.

Installation

npm i react-infinity-scroll-list --save

Examples

import React from 'react';
import InfiniteScroll from 'infinite-scroll-component';

function App() {
  return (
    <div>
        <InfiniteScroll data={data} drawElement={renderChild} size={20}></InfiniteScroll>
    </div>
  );
}

// List Item
function renderChild(item,key){
  return(<div key={key} className="child-comp">{item.title}</div>);
}

Props

Size is optional default value is 10.