Reactで無限スクロール

##概要
Reactで無限スクロールをしたかったけど一から作るのは面倒だった。
検索しているとすでに用意されていた！

##使い方

###react-infinite-scrollerのインストール
READMEに記載の通りまずはインストール
今回はnpmで行った

npm install react-infinite-scroller --save

###ファイル編集
importを追加

import InfiniteScroll from 'react-infinite-scroller'

InfiniteScrollタグを追加

hoge.js

class Hoge extends Component {
  // 省略
  async loadMore() {
    // スクロールした時に読み込み処理
  }

  render() {
    // 省略

    const loader = <div className="loader">Loading ...</div>

    return (
      <InfiniteScroll
        loadMore={this.loadMore.bind(this)}
        hasMore={true}
        loader={loader}>

        // 表示する項目はここに書く
      </InfiniteScroll>
    );
  }
}

loadMore：スクロール時の読み込み処理
hasMore：読み込むかどうかの判定、falseで読み込まない
loader：読み込み時のローディング表示