react-infinite-loading react-infinite-loading 介绍
react-infinite-loading
基于浏览器的 React 无限滚动插件
安装
react-infinite-loading 要求 React 15 或更高版本
install --save-dev react-infinite-loading
使用
import Infinite from 'react-infinite-loading';
<Infinite handleLoading={this.handleLoading} loading={this.state.loading}>
{/* scrolled element */}
</Infinite>
参数
一些控制参数，用在组件的属性中
Infinite.propTypes = {
// control the current status. loading = true the animation is displayed and no longer triggers handleLoading event
loading: PropTypes.bool,
// whether to display the loading animation
isLoading: PropTypes.bool,
// load animation components
asLoading: PropTypes.node,
// if true, scroll range as a current component on the contrary scroll range as a window
elementScroll: PropTypes.bool,
// set the height of the scroll container, scrollHeight={300} or scrollHeight="calc(100% - 100px)"
scrollHeight: PropTypes.any.isrequired,
// trigger handleLoading event threshold
scrollThreshold: PropTypes.num,
// scroll to the bottom event
handleLoading: PropTypes.func,
// sisplayed content
children: PropTypes.node
}
react-infinite-loading react-infinite-loading 官网
https://github.com/monsterooo/react-infinite-loading
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
