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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。