基于浏览器的 React 无限滚动插件 react-infinite-loading

• 授权协议: 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
}

本文地址：https://codercto.com/soft/d/3147.html