私はReactでInfinite Scrollを実装できるソリューションを探しています。私のデータソースはwordpress APIを使っています。私はそれを実装する方法を理解できませんでした。どんな提案やガイドも感謝します。Wordpress APIとReact Jsを使用した無限スクロール
0
A
答えて
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
関連する問題
- 1. React JSでの無限スクロール
- 2. Wordpress Jetpack無限スクロール
- 3. 無限スクロールjs:ローカルホストされたロードgif
- 4. 無限スクロールとコールバック
- 5. Adal JSとADFS 4.0を使用したSafariでの無限ループ
- 6. React JS内でスクロール
- 7. scrapeを使用した無限スクロールのデータのスクラブ
- 8. cocos2Dを使用した無限のゲームの視差スクロール
- 9. 無限スクロールを使用したデータ転記
- 10. requests.getメソッドpythonを使用した無限スクロール
- 11. EndlinesScroll Androidを使用した無限スクロールの問題
- 12. 無限のスクロール+ツールチップ
- 13. Django Rest Frameworkで無限スクロールを使用していますか?
- 14. react jsとaxiosでwordpressからAPI呼び出しを取得するには?
- 15. React - 無限スクロール - 動的高さを持つ子要素
- 16. AngularFire2無限スクロール
- 17. 無限スクロール
- 18. 無限スクロールUIPageViewController
- 19. イオン無限スクロール
- 20. Android:無限スクロール - リストビューとカーソル
- 21. PHP APIを使用したFacebook - 無限セッション
- 22. RESTful APIの無制限パラメータを使用したLaravelルート
- 23. React Redux無限ループ
- 24. AngularJSネストしたオブジェクトの無限スクロール
- 25. jQueryを使用して無限スクロールを作成するには?
- 26. Wordpress WP_Query無限ループ
- 27. djangoの無限スクロール
- 28. jqueryの無限スクロール
- 29. Firebase RecyclerView無限スクロール
- 30. JSONレスポンス無限スクロール
私はデータのフェッチ後に前のリストの最後に新しいフェッチされたリストを追加する方法:ここでは
が反応してイベントリスナーのために開始するには良い場所ですか? – monk