当使用React和Redux来自api的数据为空时，如何隐藏更多加载按钮
[英]How do I hide a load more button when data coming from api is empty using react and redux
问题描述
GitHub链接： https : //github.com/rakeshvora2007/github-search-using-react
我能够使用SerachBar.js创建一个动作，并将其发送到reducer，然后使用UserGithubHandle.js进行显示，我也正在使用searchBar.js为第一个用户发送初始页面。
在显示用户之后，我能够在单击时增加loadmore按钮，从而增加页码并使用../actions/index.js中的loadMoreUserFollower函数从api获取下一个有效负载，然后将数据传递给reducer，该reducer接收先前的数据并新数据并将其发送到UserFollower.js。 现在，USerFollower.js将显示数据。
问题是，一旦输入的数据结束，就不应显示loadMore按钮。 我该如何使用react和redux模式。
1 个解决方案
解决方案1
0 2018-01-23 00:31:09
我找到了解决方案。
当数据从reducer发送到UserFollower.js时，检查传入数据的大小，如果传入数据少于预期，则将isHidden的setState设置为true，否则为false。 根据isHidden的状态显示“加载更多”按钮
如何在 React js 中使用 redux 来自 api 的 map 阵列响应。
[英]How to map array response coming from the api using redux in react js in react js.?
React-Redux：如何使用异步调用中的数据填充加载时的组件的prop？
[英]React-Redux: How do I populate a component's prop on load with data from an async call?
当所有项目都来自反应中显示的数组时，隐藏加载更多按钮
[英]HIde load more button when all items are from array displayed in react
如何使用来自 React Router 和 Redux 的 Props 从服务器获取数据
[英]How do I fetch data from the server using Props from React Router & Redux
React（react-native）/ Redux-如何过滤来自Redux存储的数据？
[英]React (react-native) / Redux - How to filter data coming from redux store?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何使用 react 和 redux 显示来自 api 的数据
如何在 React js 中使用 redux 来自 api 的 map 阵列响应。
React-Redux：如何使用异步调用中的数据填充加载时的组件的prop？
React / Redux - 从API无限滚动/加载更多内容
当所有项目都来自反应中显示的数组时，隐藏加载更多按钮
React / Redux使用按钮将更多数据附加到页面
如何使用来自 React Router 和 Redux 的 Props 从服务器获取数据
React（react-native）/ Redux-如何过滤来自Redux存储的数据？
Ajax隐藏加载更多按钮上没有更多数据
我如何在反应中从 redux state 中提取数据
相关标签