2016-05-21 6 views
0

私はReactでInfinite Scrollを実装できるソリューションを探しています。私のデータソースはwordpress APIを使っています。私はそれを実装する方法を理解できませんでした。どんな提案やガイドも感謝します。Wordpress APIとReact Jsを使用した無限スクロール

答えて

1

基本的な考え方は、ユーザーが画面下に非常に多くのピクセルをスクロールした後でWordPress API(http://v2.wp-api.org/reference/posts/)にリクエストを行いたいということです。 AxiosとReduxを使用してAPIリクエストを作成し、データを取得し、それをレデューサーにディスパッチすることをお勧めします。その要求を行うための関数をトリガするスクロール・リスナーを作成できます。関数が正しい「ページ番号」リクエストをWordPress APIに渡すために実行された回数を追跡したいと思うでしょう(前述のドキュメントを参照)。これをコンポーネントレベルの状態で保存する必要があります。 https://facebook.github.io/react/tips/dom-event-listeners.html

+0

私はデータのフェッチ後に前のリストの最後に新しいフェッチされたリストを追加する方法:ここでは

が反応してイベントリスナーのために開始するには良い場所ですか? – monk

関連する問題