- 授权协议: MIT
- 开发语言: JavaScript HTML/CSS
- 操作系统: 跨平台
- 软件首页: https://github.com/monsterooo/react-infinite-loading
- 软件文档: https://github.com/monsterooo/react-infinite-loading/blob/master/README.md
- 官方下载: https://www.npmjs.com/package/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
}
