当使用react和redux来自api的数据为空时,如何隐藏更多加载按钮

时间:2018-01-22 00:50:50

标签: javascript reactjs redux react-redux redux-thunk

GitHub链接:https://github.com/rakeshvora2007/github-search-using-react

我可以使用SerachBar.js创建一个动作并将其发送到reducer然后使用UserGithubHandle.js显示,我也使用searchBar.js为第一个用户发送初始页面。

显示用户后,我可以在点击时显示loadmore按钮,增加页码,并使用../actions/index.js中的函数loadMoreUserFollower从api获取下一个有效负载,然后将数据传递给reducer,以前的数据和新数据,并将其发送到UserFollower.js。现在USerFollower.js显示数据。

问题是,一旦进入的数据结束,就不应显示loadMore按钮。我如何使用react和redux模式来做到这一点。

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。

当数据从reducer传递到UserFollower.js时,如果传入的数据小于预期,则检查进入的数据的大小并基于isHidden的setState,否则为false。根据isHidden的状态显示加载更多按钮