A brutally simple React infinite scroll component
npm install react-simple-infinite-scrollA brutally simple infinite scroll helper component.
``bash`
npm install react-simple-infinite-scroll --save
`js
import React from 'react'
import InfiniteScroll from 'react-simple-infinite-scroll'
export class MyInfiniteScrollExample extends React.Component {
state = {
items: [],
isLoading: true,
cursor: 0
}
componentDidMount() {
// do some paginated fetch
this.loadMore()
}
loadMore = () => {
this.setState({ isLoading: true, error: undefined })
fetch(https://api.example.com/v1/items?from=${this.state.cursor})
.then(res => res.json())
.then(
res => {
this.setState(state => ({
items: [...state.items, ...res.items],
cursor: res.cursor,
isLoading: false
}))
},
error => {
this.setState({ isLoading: false, error })
}
)
}
render() {
return (
#### Author
- Jared Palmer @jaredpalmer