前提・実現したいこと
react,reduxで無限スクロールを実装したいです。
ツイッターのクローンアプリを作成していて、ツイートを最後まで表示したら、ツイートをさらに30件ずつ取得する関数を走らせたいです。
react-infinite-scroller
react-waypoint
どちらのライブラリも試してみたのですが、うまくいきませんでした。
他のライブラリ等ございましたら、それでも構いません!
発生している問題・エラーメッセージ
一気に関数が限界まで繰り返されてしまう。
最下端まで動かしていないのに、関数が何回もトリガーされてしまう。
該当のソースコード
javascipt
1TweetsContainer.js 2 3{ this.props.tweets && this.props.tweets.map(tweet => { 4 return ( 5 <div key={tweet.tweet_id}> 6 <Tweet tweet={tweet} /> 7 </div> 8 ) 9})} 10 11{ 12this.props.tweets ? 13<Waypoint 14onEnter={this.props.getMorePosts((this.props.tweets[this.props.tweets.length -1].created_at )} 15/> 16: 17null 18}
試したこと
TweetsContainer の親コンポーネントに
javascript
1TweetsContainer の親コンポーネント 2 3<div> 4 <TweetsContainer /> 5 { 6 this.props.tweets ? 7<Waypoint 8onEnter={this.props.getMorePosts((this.props.tweets[this.props.tweets.length -1].created_at )} 9/> : 10 null 11 } 12</div>
などやってみましたが、状況変わらずでした。。

回答2件
あなたの回答
tips
プレビュー